- From: Øyvind Stenhaug <oyvinds@opera.com>
- Date: Wed, 26 Sep 2012 11:46:54 +0200
- To: www-style@w3.org
On Mon, 24 Sep 2012 14:48:12 +0200, Leif Arne Storset <lstorset@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. 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