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

On Mon, Sep 24, 2012 at 5:48 AM, Leif Arne Storset <lstorset@opera.com> wrote:
> On Fri, 17 Aug 2012 17:52:13 +0200, Øyvind Stenhaug <oyvinds@opera.com>
> wrote:
>> 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:
>
> -
> http://lifehacker.com/5864004/the-done-manifesto-lays-out-13-ground-rules-for-getting-to-done
> - http://distrowatch.com/table.php?distribution=ubuntu
> - http://en.wikipedia.org/w/index.php?title=Deventer&oldid=511633874
>
> 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.

I wonder how IE gets away with it, then?  Just letting things break?

~TJ

Received on Wednesday, 26 September 2012 17:48:11 UTC