Re: [css3-lists] position:marker and compatibility with existing 'outside' implementations/content

On Mon, 24 Sep 2012 14:48:12 +0200, Leif Arne Storset <>  

>> 5) No special attention is given to floats. For instance, here the  
>> marker will overlap the float (and will be a long distance away from  
>> the text that starts the line):
>> <!doctype html>
>> <style>
>>     div {
>>        float: left;
>>        width: 100px;
>>        height: 100px;
>>        background: gray;
>>        margin-right: 40px;
>>     }
>> </style>
>> <div></div>
>> <ul><li>list-item</li></ul>
>> That doesn't happen in Firefox or Gecko, though it does in IE9 and  
>> Opera with Presto>=2.9 or thereabouts. Since changing, we've seen some  
>> issues popping up in the wild about this (e.g. on Wikipedia).
> I'd like to reiterate this point. It breaks quite a few sites. Examples
>    from our bug tracker:
> -
> -
> -
> Perhaps a way forward is to place the marker positioning edge flush with
> the first line box in the ancestor list item, rather than the border  
> edge.

Unfortunately, this won't work either, at least not as a general rule.  
Consider e.g. a (thick) border on the list-item - the marker would overlap  
the border, which it doesn't in existing browsers. Or consider a float  
whose containing block is the list-item - marker would overlap the float,  
which again is not currently the case.

I don't currently have a clear idea what kind of text would describe the  
behavior of Gecko or WebKit, though ("Firefox or Gecko" in my original  
mail was a mistake that I just spotted).

Øyvind Stenhaug
Core Norway, Opera Software ASA

Received on Wednesday, 26 September 2012 09:47:27 UTC