Sent by Neal Lindsay on 26 May 2004 17:05
Michael Goddard wrote:
>I specified for the margin for the header, navbar and bodycontainer divs to
>be 0, thus stacking the divs up nicely. However if you view the page in
>FireFox v0.8, there are huge gaps from the top and bottom of the header div
>, navbar div and the bodycontainer div. I am assuming that this is a margin
>problem?
>
>In Opera, there is only a gap on the top and bottom of the navbar div.
>
>Everything renders correctly in IE6/IE5 (pc only - have not had the time to
>check on Mac).
>
>
In your #navbar div, the margins of the p element are overflowing. The
page is actually rendering incorrectly in IE5/6 because IE cuts off the
margins. A #navbar * {margin: 0;} rule should fix you right up.
In general it's not safe to design web pages in IE (even if IE is your
primary target) because IE will often render things the way it thinks
you want them instead of the way that you ask it to. It's much better to
design in a more strict browser and then test to see if any strange IE
bugs are triggered.
I highly recommend the DOM inspector for Mozilla/Firefox for
troubleshooting issues like that. You can browse through the document
tree and it will highlight the area that each element takes up.
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
