[thelist] css horizontal menu spacing problems
Paul Bennett
Paul.Bennett at wcc.govt.nz
Thu Jul 3 16:51:25 CDT 2008
Hi John,
Take the explicit width (152px) off your ul.nav li rule and it's fine.
With Firefox, firebug is your bestest friend :)
http://getfirebug.com/
Paul
-----Original Message-----
From: thelist-bounces at lists.evolt.org [mailto:thelist-bounces at lists.evolt.org] On Behalf Of Gersten, John
Sent: Friday, July 04, 2008 9:45 AM
To: thelist at lists.evolt.org
Subject: [thelist] css horizontal menu spacing problems
I have an extremely simple, small site with css-generated horizontal menus that I cannot get to display properly in IE6 and Firefox 2. (I can't load IE7 or Firefox 3 here at work to test either, but I assume the problem is consistent in those versions as well).
The page is http://www.gasolinepricefixinglawsuit.com/index.htm
In IE6, the top and bottom navigation menus align to the left side of the #main div. In Firefox, there is an extra left-side margin of about 40 pixels that I cannot remove (in part because I cannot figure out where it is coming from) which forces the menu to wrap vertically. What I am *trying* to set up is a css-based horizontal menu that will actually center itself above the rest of the #main div, and that's not working in IE6 either.
I know my css is screwed-up but I cannot figure out where the problem(s) lie.
I have been trying to fix this all day and am driving myself into the ground with frustration. Any help/guidance anyone can provide will be greatly appreciated.
John
More information about the thelist
mailing list