Sent by Barney Carroll on 30 November 2006 10:10
zbyszekp wrote:
> In FF this menu is aligned very well -centered - but in IE bullets are
> placed a little up. How can I corect this one?
List bullet positioning are one of the prime examples of browser
disparity. I believe Firefox aligns them with the baseline or x-height,
while IE aligns them compared to the top of the line. For one, I find
the list-style-position values utterly insufficient.
I tend not to use list-styles, and instead give a padding and position a
background image. In your case:
#menuProste li {
padding: 0 0 0 1em;
background-image: url(../images/strzalka.png);
background-repeat: no-repeat;
background-position: #px #px;
}
Of course you will need to experiment with your background-position
values (first value is distance from the top, second is from the left).
This method will give every indication of the same thing visually, and
will display identically across browsers.
Regards,
Barney
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
