Previous Message
Next Message

IE bullet rendering issue

Sent by francky on 12 January 2006 03:03


Design Groups wrote:

>...
>I have some of my list items set with the bullets replaced by an image.  In IE - and in IE *only* -
the images will appear and disappear.  Sometimes they load fine the first time, but if you open a
screen of any kind over the browser window, they disappear.  If you reload, they come back. 
Sometimes when you load the first time, half of them show up - the other half are gone - but a
reload brings them back.  It's very random.
>
>I'm wondering if I can do something in my CSS to prevent this from happening - or if it's just an
IE bug? (then they'll just have to live with it.)
>
>My list code (as I said, specific to these bullets - so what you see is what it is):
>
>#left ul {   margin:0 20px 0 20px;
>                width:150px;}
>
>#left li, #subhead_left li, #subhead_right li {
>                list-style-image:url("../images/arrow.gif");
>                font-size:0.9em;
>                color:#222;}
>
>Would it help if I got rid of the list-style-image things and just said "none" and went the
background route?  Is it that I didn't specify list-style-type as none first?  Or, is it just
another reason to validate the fact that IE sucks?
>
>Any help would be appreciated. :)
>~Shelly
>
Hi Shelly,
As far as I know, the used DOC-type can have reasonable influence on the 
presentation of list-items with self made bullets.
My experience is that all browsers use their own definition for the 
position of a replaced bullet. Vertical position is often different 
(depending of the image-format, line-height, and so on). Especially they 
are different at enlarging the fontsize clientside.  Therefore I'm using 
allways the bg-route to get things cross-browser.
Tried your code plus the bg-thing in this testpage 
<http://home.tiscali.nl/developerscorner/css-discuss/foolish-li.htm>. 
And, aha, with background bullets IE doesn't let the bullets disappear.

But I can validate IE sucks!
francky

______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread:

Possibly related: