PDA

View Full Version : List problems


Bobbo171
08-27-2005, 04:21 AM
I have two problems having to do with my unordered lists on http://www.howbizarro.org/tests/hb/

The first is the one in the #user <div>. In IE the bar is almost double the height and I can see why.

The next problem is with my #nav <div>. In firefox it is more centered in the div than in IE I would like for it to be more towards the left like in IE but im not sure whats causing it to go towards the center.

Any help is appreciated, Thanks

Span
08-27-2005, 10:28 AM
Html, body, form elements, lists, list items, headers, paragraphs - they all have default margins and paddings and their values are different for every browser. So, for your site to look the same in IE and Firefox, start your stylesheet with something like this:

html,body,form,p,ul,li,h1,h2,h3,h4,h5 {
margin:0;
padding:0;
}

Bobbo171
08-28-2005, 12:43 AM
worked thanks a lot :thumbsup:

_Aerospace_Eng_
08-28-2005, 12:54 AM
Or the global reset for margin and padding.
* {
margin:0;
padding:0;
}
That sets every element to have no margin or padding. Now you can add margin and padding where needed. A good thread was started about this http://www.codingforums.com/showthread.php?t=66367

Bobbo171
08-28-2005, 07:59 AM
thanks ill be sure to check that out, and * looks much nicer than listing everything