Text Overlap
Closed, ResolvedPublic

Assigned To
None
Priority
Normal
Author
bzimport
Subscribers
brion, TheDJ, Krinkle and 2 others
Projects
Reference
bz20640
Description

Author: Thesevenoceans

Description:
The text does not wrap around the picture properly and overlaps onto it when a large picture is placed directly underneath a smaller one. Also icons are not positioned as they should be.

More Examples

http://en.wikipedia.org/w/index.php?title=Equinox&oldid=307052491
http://en.wikipedia.org/w/index.php?title=Twilight&oldid=309071030


Version: unspecified
Severity: major
URL: http://en.wikipedia.org/wiki/User:Acalamari

bzimport added a project: MediaWiki-Interface.Via ConduitNov 21 2014, 10:50 PM
bzimport set Reference to bz20640.
bzimport created this task.Via LegacySep 14 2009, 1:21 PM
Catrope added a comment.Via ConduitSep 14 2009, 1:26 PM

(In reply to comment #0)

The text does not wrap around the picture properly and overlaps onto it when a
large picture is placed directly underneath a smaller one. Also icons are not
positioned as they should be.

More Examples

http://en.wikipedia.org/w/index.php?title=Equinox&oldid=307052491
http://en.wikipedia.org/w/index.php?title=Twilight&oldid=309071030

Confirmed that this happens for the last image of each of these two pages.

brion added a comment.Via ConduitSep 17 2009, 9:21 PM

Assigning to Nimish as Trevor's currently out on paternity leave.

bzimport added a comment.Via ConduitSep 18 2009, 9:19 PM

ngautam wrote:

Seen on Safari and FF-windows

TheDJ added a comment.Via ConduitSep 28 2009, 2:12 PM

If I remember correctly, we have seen this with infoboxes and article message boxes as well. In the case of floating content, what matters in order to "clear" to the next line, is the top vertical height of the content. Whichever element is "highest" gets the priority. The line is 1 em high. But the image has a top border of 0.5em (and it's content is thus 0.5 em lower than the surrounding text). This gives the surrounding text vertical order precedence in some cases over the image. The indent is only readjusted on the next line of the surrounding text as a consequence.

All our images have this problem, but because of the relative distance between the last and the previous image, and one image wider than the one before it, such as in these examples, it makes it easier to trigger the problem.

TheDJ added a comment.Via ConduitJan 12 2010, 12:20 AM
  • This bug has been marked as a duplicate of bug 5118 ***

Add Comment

Column Prototype
This is a very early prototype of a persistent column. It is not expected to work yet, and leaving it open will activate other new features which will break things. Press "\" (backslash) on your keyboard to close it now.