Closed Bug 271371 Opened 20 years ago Closed 15 years ago

Text overlaps right float with clear:right

Categories

(Core :: Layout: Floats, defect)

x86
All
defect
Not set
normal

Tracking

()

RESOLVED FIXED

People

(Reporter: momat, Unassigned)

References

Details

(Keywords: testcase)

Attachments

(4 files, 1 obsolete file)

User-Agent:       Mozilla/5.0 (Windows; U; Win98; en-US; rv:1.8a5) Gecko/20041122 Firefox/0.9.1+
Build Identifier: Mozilla/5.0 (Windows; U; Win98; en-US; rv:1.8a5) Gecko/20041122 Firefox/0.9.1+

Since bug 269233 was marked invalid (I would rather agree with bug 148994,
comment 9 and bug 148994, comment 12 that the specification is lacking precision
in this matter, however I also found reasonable to follow the popular IE and
Opera behaviour when tehre is no valiation of standard), it is not possible to
align floats vertically in a div, which has a floated adjacent div (the clear is
made globallly - see attachment 165599 [details]).
So, I was trying to achieve the desired effect with absolute positioning. I've
added some text to go around the floats and this revealed the bug - the text
overlaps the floats (see the test case).
I do some additional testing and I found the border of the first float to be the
bug triggering element (see minimal test case with bug triggering line in comments).

Reproducible: Always
Steps to Reproduce:
See the test case.
Actual Results:  
The text overlaps the floats.

Expected Results:  
The text should not overlap the floats.
Attached file test case
Attached file minimal test case (obsolete) —
The bug triggering css line is put in comments.
Assignee: firefox → nobody
Component: General → Layout
Product: Firefox → Core
QA Contact: firefox.general → core.layout
Version: unspecified → Trunk
Looks like a duplicate of bug 41412 (although the testcase is a bit different).
Component: Layout → Layout: Floats
Depends on: 41412
Attached file Testcase #2
Attachment #166841 - Attachment is obsolete: true
Status: UNCONFIRMED → NEW
Ever confirmed: true
Keywords: testcase
OS: Windows 98 → All
QA Contact: core.layout → core.layout.floats
Summary: [FLOAT] the text overlaps floats → Text overlaps right float with clear:right
Attached file Testcase #3
you should try to make some move for this bug, I've seen 3 websites within one
week affected by this problem (including wikipedia)

requesting blocking flag
Flags: blocking1.8b?
Flags: blocking-aviary1.1?
bz, dbaron, is this something we should get fixed for 1.8?
We've lived with it forever (see bug 41412).  So "only if it's suddenly more
urgent than it has been in the last 4 years."
Thanks boris. Minusing for 1.8 and 1.1
Flags: blocking1.8b?
Flags: blocking1.8b-
Flags: blocking-aviary1.1?
Flags: blocking-aviary1.1-
*** Bug 304511 has been marked as a duplicate of this bug. ***
My testcase:
http://www.kruijff.org/alex/test_ff001.html

Images as seen by ff, opera and konquere can be downloaded from the duplicate
bug report:
https://bugzilla.mozilla.org/show_bug.cgi?id=304511
This has been fixed by the recent checkins of bug 25888.
Status: NEW → RESOLVED
Closed: 15 years ago
Depends on: 25888
Resolution: --- → FIXED
Could use a test.
Flags: in-testsuite?
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: