Using tables instead of floating <div>'s will give you a lot more control. The reason why IE is displaying your site the way you want it displayed is mainly because you most likely used it in your design process. Try using Mozilla or Opera from the get go. Those browsers are more acurate at displaying pages based on rules agreed upon by world wide organizations such as the W3C. Microsoft uses their own logic when displaying information as well as accepting correct logic too. They do this to compensate for the poor programming on their Frontpage team.
So the bottom line - Design using Mozilla, then if it looks good there - chances are it looks good in any browser.
By the way - Just cause your site's syntax is well formed (valid) doesn't mean the code is logically (math) correct.
Last edited by Iturea : August 23rd, 2005 at 01:31 PM.
The problem is that Internet Explorer sucks and doesn't support CSS correctly. What you are looking at is known as the "Box problem" in IE. It calculates things differently thus you need to hack up your code to make it look right in IE.
By designing for IE when using box models it will look good ONLY in IE. If you test it you will see that it does not display correctly in firefox either.