Previous Message
Next Message

Mac & Mozilla gaps on a horizontal UL (with inline LI's)

Sent by Zoe M. Gillenwater on 2 November 2004 17:05


57 wrote:

>On this page: http://www.57talfourd.com/example29.html
>
>I'd like my #mainnav (the horizontal nav below the banner) to begin flush left.
>
>It works in IE6.0.
>
>In Firefox 1.0PR I get an unwanted 40-pixel wide gap to the left of the UL.
>  
>

Add padding: 0 to #mainnav ul.  FF and Safari use padding on the ul to 
indent it, and IE and Opera use margin.  To get consistent list 
rendering between browsers, always zero out margins *and* padding on the 
ul and the li first.

Zoe

-- 
Zoe M. Gillenwater
Design Specialist
Highway Safety Research Center
http://www.hsrc.unc.edu

______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread: