468,257 Members | 1,427 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 468,257 developers. It's quick & easy.

Cross Browser Compatability

Hello guys.

Developing a site using XTHML 1.0 Strict Doctype with CSS and I'm getting problems with getting the site to display properly in Firefox, Opera, Netscape and IE.

Thing is it displays fine (or how I want it to) in IE but in Firefox, Opera and Netscape I get a problem with the margins around my DIVs.

In the last three browsers (Firefox,Opera and Netscape) the site displays exaclty the same which leads me to believe that IE is displaying the site incorrectly (Never heard that before....).

Despite that I want the site to dispaly like IE displays it in all browsers. The problem I'm having in Firefox, Opera and netscape is that the centre DIVs is rammed right up agains the top header DIV when it should be shifted down and inlign with the two columns either side of it.

I've run my site through the W3C Validator and it all checks with 0 errors so I don't think it's anything to do with browsers rendering in quirks mode. I have also run the style sheet through the CSS validator which also comes out with 0 errors. Thereofre all my code is XHTML Strict compliant, yet the site doens't display as intended.

page url: www.1130df.co.uk

style sheet: www.1130df.co.uk/style.css


Any ideas?
Mar 9 '08 #1
4 1019
drhowarddrfine
7,435 Expert 4TB
Thing is it displays fine (or how I want it to) in IE but in Firefox, Opera and Netscape
Your first hint.
which leads me to believe that IE is displaying the site incorrectly (Never heard that before....).
You are thinking correctly. All versions of IE are 10 years behind web standards and buggy. It cannot and should not be trusted to do anything correctly. Like I said above, your first proof of this is the fact that all other browsers display the same as each other while IE stands alone.

Always, always use a modern, standards-compliant browser to initially test your markup to make sure it is displaying correctly. Then look at it in IE to see if it manages to do it the same way. If not, the hacks, quirks and bugs for IE are known and found on hundreds of web sites on the 'net.
I've run my site through the W3C Validator and it all checks out so I don't think it's anything to do with browsers rendering in quirks mode.
Some doctypes are valid but IE will still choke on them. Such as the xml declaration which should be used for xhtml but IE can't display true xhtml anyway so it doesn't matter.
Any ideas?
I'll look at this now.
Mar 9 '08 #2
drhowarddrfine
7,435 Expert 4TB
IE is mishandling your header float, as IE so often does. It is expanding the floated container and pushing the center div down. This is a bug in IE which is why you don't see it in the modern browsers.

I don't see why it is necessary to float the header but if you just remove the 'float' from #header, that should solve the problem.

btw, Netscape is dead. AOL dropped development. Don't bother.
Mar 9 '08 #3
IE is mishandling your header float, as IE so often does. It is expanding the floated container and pushing the center div down. This is a bug in IE which is why you don't see it in the modern browsers.

I don't see why it is necessary to float the header but if you just remove the 'float' from #header, that should solve the problem.

btw, Netscape is dead. AOL dropped development. Don't bother.
Fantastic! Thanks. That's fixed it. Really appreciate the help. Any idea why the float stops the margin from displaying properly in the modern browsers?
Mar 10 '08 #4
drhowarddrfine
7,435 Expert 4TB
The modern browsers are performing correctly and as the standard states. It is IE that is performing incorrectly. You are seeing a bug in IE. Never trust IE.
Mar 10 '08 #5

Post your reply

Sign in to post your reply or Sign up for a free account.

Similar topics

6 posts views Thread by Miranda | last post: by
6 posts views Thread by McKirahan | last post: by
4 posts views Thread by WStoreyII | last post: by
17 posts views Thread by Mark Rae | last post: by
15 posts views Thread by CMM | last post: by
1 post views Thread by Rancid Buttchutney | last post: by
reply views Thread by NPC403 | last post: by
reply views Thread by kermitthefrogpy | last post: by
reply views Thread by zattat | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.