[thelist] CSS and Firefox

ben morrison morrison.ben at gmail.com
Wed Dec 7 06:35:00 CST 2005


> The site looks ok in IE (taking into account there is still some work to be
> on its presentation ie some graphics on the Services pages).  The css lays
> out the page nicely and I have used inline lists for the navigation...a
> thing of beauty..however when you look at it in Firefox (v1.0.4) all the
> navigation goes out the window.  All the bullet points appear in the lists
> on each page and the navigation at the bottom of the Services page screws up
> completely.

Firefox and IE and all broswers have their own specific basic styles
which aplly to HTML elements.

Its good practice to reset these elements so yo have control over how
they display, so for lists:

UL {
margin:0;
padding:0;
list-style:none;
}
UL LI {
margin:0;
padding:0;
list-style:none;
}

that way lists will display the same in all browsers, then apply your
required margin/padding.

ben



More information about the thelist mailing list