Page MenuHomePhabricator

Images break text flow in IE7
Closed, DeclinedPublic

Description

Author: pastor.castor

Description:
There is a rendering bug occuring in IE (testing on IE7, Vista environment) when:
*Two pictures are placed after each other
*...and there is some text mass between the pictures
*...and the mentioned text mass takes less vertical space than the first picture
*...and both picturese are right-justified or both pictures are left-justified

The bug leaves some empty space in the text flow. This can be worked around by:

  • Placing pictures far enough apart to avoid the third criterium mentioned above.
  • Placing pictures immediately after one another.
  • Alternating left and right justification.
  • Placing a 1 px (won't be rendered, but will affect layout) left-justified picture between two right-justified ones.

Example of the last mentioned work-around: http://sv.wikipedia.org/w/index.php?title=Wikipedia:Sandl%C3%A5dan&oldid=8006213

The bug does not occur in Firefox or Google Chrome


Version: 1.21.x
Severity: normal
Platform: PC
URL: http://sv.wikipedia.org/w/index.php?title=Wikipedia:Sandl%C3%A5dan&oldid=8006493

Details

Reference
bz16501

Event Timeline

bzimport raised the priority of this task from to Low.Nov 21 2014, 10:25 PM
bzimport set Reference to bz16501.
bzimport added a subscriber: Unknown Object (MLST).

Valerie.m.juarez wrote:

I selected both links (URL (with render error): http://sv.wikipedia.org/w/index.php?title=Wikipedia:Sandl%C3%A5dan&oldid=8006493 and Workaround: http://sv.wikipedia.org/w/index.php?title=Wikipedia:Sandl%C3%A5dan&oldid=8006213 ) in IE9 compatibility mode (works like IE7), and this issue persists. In IE9 the render error does not show up.

David: In case this is still an issue, could you attach a screenshot and tell us which IE version you use nowadays? Thanks in advance!

[updating version and summary field as per comment 1]