Stylesheets - li - problem with ie

Author

li - problem with ie

Wilhelm Kutting

2005-01-28, 7:42 pm

Hi i got a problem with ie
IE allways shows a margin on the left side before the listpoints appear.
In Firefox i don't got that.
margin-left:0 doesn't help me out- must be ie-special.
Can i remove the small margin

<ul class="menu">
<li><a href="#">link 1</a></li>
<li><a href="#">Link 2s</a></li>
<li><a href="#">link 3</a></li>
</ul>

..menu li{
list-style-type:none;
font-size: 0.8em;
margin-bottom: 0px;
list-style: none inside;
}

Spartanicus

2005-01-28, 7:42 pm

Wilhelm Kutting <wkutting@arcor.de> wrote:

>Hi i got a problem with ie

Haven't we all.

>IE allways shows a margin on the left side before the listpoints appear.
>In Firefox i don't got that.
>margin-left:0 doesn't help me out- must be ie-special.

Browsers are free to use either padding and/or margin, if you want
consistency then you need to specify both.

--
Spartanicus

Wilhelm Kutting

2005-01-28, 7:42 pm

Wilhelm Kutting schrieb:
> Hi i got a problem with ie
> IE allways shows a margin on the left side before the listpoints appear.
> In Firefox i don't got that.
> margin-left:0 doesn't help me out- must be ie-special.
> Can i remove the small margin
>
>
> <ul class="menu">
> <li><a href="#">link 1</a></li>
> <li><a href="#">Link 2s</a></li>
> <li><a href="#">link 3</a></li>
> </ul>
>
> .menu li{
> list-style-type:none;
> font-size: 0.8em;
> margin-bottom: 0px;
> list-style: none inside;
> }
Got the answer:
the answer was a
..menu li{
display: inline;
}
that solved it :-)