JoHarris
asked on
Unordered List apacing in IE and Firefox
Hi,
I have a simple ul set up in html as follows :
<ul>
<li>Point One</li>
<li>Point Two</li>
<li>Point Three</li>
<li>Point Four</li>
</ul>
and in my CSS for the ul all I have is :
ul
{
list-style-image: url(pathtogif/bull.gif);
list-style-type: circle;
}
In Firefox this shows as nicely indented list using my gif. In IE it also indents it (which I want), however, the spacing between the bukket points in IE is greatly reduced.
I guess I have a couple of questions :
a) What is the default padding/margin that it is applying
b) What values do I need to set in my CSS so that IE renders the list in the same way as Firefox ie. slightly more space between each li item
Cheers
I have a simple ul set up in html as follows :
<ul>
<li>Point One</li>
<li>Point Two</li>
<li>Point Three</li>
<li>Point Four</li>
</ul>
and in my CSS for the ul all I have is :
ul
{
list-style-image: url(pathtogif/bull.gif);
list-style-type: circle;
}
In Firefox this shows as nicely indented list using my gif. In IE it also indents it (which I want), however, the spacing between the bukket points in IE is greatly reduced.
I guess I have a couple of questions :
a) What is the default padding/margin that it is applying
b) What values do I need to set in my CSS so that IE renders the list in the same way as Firefox ie. slightly more space between each li item
Cheers
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
using image markers is known to be inconsistant.
maybe you can use a background-image instead.
if you need to use one browser as a reference, use Opera or Safari... those are the browsers that best respect the standards. Firefox is pretty good at respecting the standards too, but still has some bugs/mistakes, especially with lists items.
maybe you can use a background-image instead.
if you need to use one browser as a reference, use Opera or Safari... those are the browsers that best respect the standards. Firefox is pretty good at respecting the standards too, but still has some bugs/mistakes, especially with lists items.
ASKER
That's smashing - thanks for the help!
ASKER
For example in ie the list displays as follows:
Point One
Point Two
Point Three
Point Four
Where as firefox displays it with more vertical space :
Point One
Point Two
Point Three
Point Four