293607 - two floats overlap

Status: RESOLVED INVALID

(Core :: Layout: Floats, defect)

Description

[Michal 'hramrach' Suchanek]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; cs-CZ; rv:1.7.7) Gecko/20050414 Firefox/1.0.3
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; cs-CZ; rv:1.7.7) Gecko/20050414 Firefox/1.0.3

There is an image in a left float and text in a right float. Shrinking the
window makes large portion of the text hidden below the image.

Reproducible: Always

Comment 1

[Michal 'hramrach' Suchanek]

Attachment: Test case.

I had to use a real image as mozilla refused to show nonexistent image with
appropriate size.

Test case created on WXP, original page broken on WXP Firefox 1.0.3 and OS X
Firefox+SVG after 1.0.2

Comment 2

[Martijn Wargers (dead)]

It seems to me this is desired behavior.
IE6 refuses to make the left floating box smaller than the image inside it
(which is wrong behavior). That's why the whole left float gets pushed downwards
when the window gets smaller.
Opera8beta is doing the same as Mozilla.

Comment 3

[David Baron :dbaron: (⌚️UTC-4, no longer working on Mozilla)]

Yep, if you don't want this, use min-width instead of width.