Last modified: 2012-05-15 14:21:19 UTC
When a bulleted or numbered list (nested or otherwise) appears to the right of a "float left" image ("[[file:foo.jpg|left...]]"), the bullet symbols do not format correctly. Here's a wikitext test case (see <http://en.wikipedia.org/wiki/User:Obliquemotion/list_layout>): ==================================================================== [[File:Quartz, Tibet.jpg|thumbnail|368px|left]] Here is a list of things: * Archery *# Bow *# Arrow *# Target * Boating * Curling Are the bullet symbols to left of the rest of the text's left margin? They shouldn't be. It only happens when something floats to the left of the list (like an image or a float:left div). Also, notice the indentation of the first line of text (preceding the list). {{clear}} Here is the same list of things, but with nothing floating to its left: * Archery *# Bow *# Arrow *# Target * Boating * Curling Are the bullets (incorrectly) left of the main text? ==================================================================== Firefox 3.5.8 displays it incorrectly, and IE 8 is worse (symbols are clipped by the image)
Added test case URL.
This is normal HTML/CSS behavior. As far as I'm concerned, this was one of the worst decisions ever made in CSS. The fix is to add (for vector): #content ul, ol { list-style-position: inside; } But I'm not sure what kind of effect that might have on our existing content, nor do I know how well it is supported in browsers. Perhaps it's time to find out however. I'm rather sure there was an existing bugreport for this, but I cannot find it at this time....
*** This bug has been marked as a duplicate of bug 7353 ***