Posted by Steve Pugh on 10/14/05 13:38

Luigi Donatello Asero wrote:
> Why are the headers in the menu not centered when I browse the page
> https://www.scaiecat-spa-gigi.com/sv/valkommen.php
>
> at Firefox?

The headers are centered. The luridly coloured boxes are off center.

IE and FireFox have different default values for the margin and padding
on UL and LI elements. They just happen to look the same when left
unchanged by author CSS. But if you only change some of the values you
run the risk of over riding the defaults in one browser but leaving
them alone in another.

If you set one of
ul {margin-left: }
ul {padding-left: }
li {margin-left: }
li {padding-left: }
Then you may need to set all of them.

See http://steve.pugh.net/test/test37.html for a crude demonstration.

Steve

[Back to original message]