Hi;
I've read that, as each browser has its own defaults for list layout and
indentation, the remedy is to specify amounts for both padding and margins, so
as to address all browser methods. Sure enough, if I specify {margin: 0;
padding 0;} for both a list and its list items, I find a close-enough
similarity in how Firefox, Opera, Safari and even IE6 display them. Everything
changes as soon as I add a list-style-image, though: where IE and Opera abut
the image right beside the li content, Firefox and Safari separate the two by
10 pixels. Is this normal browser behaviour? Is there anything one can do to
offset it, besides specifying a compromise distance?
Here's a simplification of the CSS and HTML involved:
ul
{
margin: 26px 75px 0px 75px;
padding: 0;
}
li
{
list-style-image: url(image.gif);
margin: 0;
padding: 0;
}
<ul>
<li>text</li>
</ul>
Thanks, in advance, for your help.
- Michael
__________________________________________________________________
Be smarter than spam. See how smart SpamGuard is at giving junk email the boot
with the All-new Yahoo! Mail. Click on Options in Mail and switch to New Mail
today or register for free at http://mail.yahoo.ca
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
