li, ul, div looks diff!

A

autopost

Guest
So here is the problem. I have my nav bar links in a ul, in a div. Now when I view this in ie the first li starts at the top of the page, but each additional li is seperated by a space. Now when view this in firefox, there is first a space, then the li, and each additional li follows the first without any additional spacing. I don't know if you understand what I am saying, but it is best to view it for yourself. Here is the page: <!-- m --><a class="postlink" href="http://sigmaseven.net">http://sigmaseven.net</a><!-- m --> [edit!!!!!!!!!!!!!!!!!] Okay, I singled out the css regarding the nav info, now it is all alone in an html doc. You can now look at it alone, please tell me why it looks different in ie than firefox! Or tinker around to make it work! I have tried for hours, but I just can't find it!Here is the singled out nav code!It's an easy IE bug to get around. IE places a roughly 1em margin above and below LI tags if it contains a block-level <a> tag. Setting the LI tags to inline elements fixes the problem: display: inline;

Or you could place about 1em top padding on the UL tag and then give each LI tag a -1em top margin.Thankyou for fixing the ie problem, now the only thing is the firefox problem. Why does it skip a line at the begining?Your #navlist margin is doing that. Change it from margin-left: 0px; to margin: 0;

Note: 0 values do not require units of measure.SWEEEEEEEEEEET! L88t!!!!!!!!!!!! THANKS!!!!!!!!!!!!!!! I so happy!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
[does little dance]:):):)[/does little dance]
 
You must log in or register to reply here.
Back
Top