Do you have a question? Post it now! No Registration Necessary. Now with pictures!
- Jens Lenge
April 6, 2005, 2:39 pm
rate this thread
is it possible to CSS-format a list (<ul>) so that it looks the same in
Firefox and IE6?
Both browsers should display the list with
a) the same defined space between the left border of the parent element and
the bullet symbol,
b) the same defined space between the bullet symbol and the actual text of
the list elements.
From what I tried, it seems that FF and IE6 treat "margin-left" and
"padding-left" <ul> and <li> very different...
Re: CSS for lists
* The list displays the same in FF and IE6 if (and only if) BOTH margin-left
and padding-left are specified for the <ul>.
* The distance between the bullet and the text can then be controlled via a
padding-left for the <li> elements.
* Setting both margin-left and padding-left to 0 for "inside" lists will the
text aligned with the left border of the parent element while the bullt
symbol is outside the parent element.
Now I am looking for how to exactly align the bullet symbol with the left
border of the parent for "inside" lists.