Your HTML lacks a <!DOCTYPE> statement, so browsers are rendering the page in what's called "Quirks Mode" where every browser works differently. You need to use a complete <!DOCTYPE> statement to set browsers to "Standards Compliance Mode" so that they're all at least trying to render the page using W3C standards. Search on "doctype switch" and you'll find some good advice.
The point is that if you add a proper <!DOCTYPE> and your pages don't display properly, then there are errors in your CSS that you should repair. Otherwise, you'll face a never-ending stream of problems where your pages don't work in all browsers because they'll all be using their own Quirks Mode rendering methods. So you need to learn how CSS is supposed to work. Try running your CSS through the W3C validator at http://jigsaw.w3.org/css-validator/. That will point out any syntax errors. You may still need to add some settings to get browsers to behave, like resetting the margin and padding on all elements to 0 by adding:
Code:
* { margin:0; padding:0; }
to the start of your stylesheet. The default margin or padding is different for some elements, and even a <!DOCTYPE> statement won't overcome that difference. So setting everything to 0 overrides those defaults on all browsers.
I created css includes * { margin:0; padding:0; } also added margin:0; padding:0; to every line but no help. Adding <!DOCTYPE> solves border problem but this messed my pages (1000+) pages I have I can't fix them one by one.
Reply With Quote
Bookmarks