[thelist] A List using display: block adds padding in IE?

Justin Zachan Mgmt justin at jazzmanagement.com.au
Wed Jan 19 03:05:59 CST 2005

Well I had set all the padding and margins to 0.

But I have just found a solution of sorts - I placed a width in the css
below and suddenly the padding disappeared...

So thanks but too sure why I have had success.



-----Original Message-----
From: Smith D.B. [mailto:D.B.Smith at soton.ac.uk] 
Sent: Wednesday, 19 January 2005 8:02 PM
To: justin at jazzmanagement.com.au; thelist at lists.evolt.org
Subject: RE: [thelist] A List using display: block adds padding in IE?

Hi Justin, 

Are you sure it's padding that IE is putting in there?  Try setting
margin:0px; too, IE uses a default margin setting while NN/FF use
padding, so they both need to be set explicitly to get reliable results.


> Hi there. I am using a list with links in HTML/CSS and using 
> display: block
> i.e
> #mainmenu a {
> color:#000;
> display: block;
> padding: 7px 0px 7px 15px;
> background-color: #FFF;
> text-decoration:none;
> }
> The problem I have is that IE seems to be putting some 
> padding after each list item but Netscape/Firefox does not.
> Does anyone know how I can get the list in IE to have no 
> padding etc...
> Thanks in advance
> Cheers
> Justin
> -- 
> * * Please support the community that supports you.  * * 

For unsubscribe and other options, including the Tip Harvester 
and archives of thelist go to: http://lists.evolt.org 
Workers of the Web, evolt ! 

More information about the thelist mailing list