Closed Bug 98916 Opened 23 years ago Closed 23 years ago

Neighbouring DIVs with HEIGHT attribute overlap

Categories

(Core :: Layout, defect)

x86
Windows 2000
defect
Not set
normal

Tracking

()

RESOLVED INVALID

People

(Reporter: aleksander.adamowski, Assigned: attinasi)

References

Details

(Keywords: testcase)

Attachments

(2 files)

Divs which have their height set in "style" attribute overlap even though they
should be positioned one below the other.

Consider this code:
<div style="FONT-SIZE: 16px; WIDTH: 400px; HEIGHT: 20px">Blah bla blah blah bla
blah blah bla blah blah bla blah blah bla blah blah bla blah blah bla blah blah
bla blah blah bla blah blah bla blah blah bla blah blah bla blah blah bla blah
blah bla blah blah bla blah blah bla blah blah bla blah blah bla blah blah bla
blah blah bla blah blah bla blah blah</div>
<div style="FONT-SIZE: 30px; WIDTH: 400px; HEIGHT: 20px">
This DIV should be below</div>

The second DIV is covering the first DIV instead of being positioned below.

However, we don't need a DIV after the first DIV - as one can see with this code:

<div style="FONT-SIZE: 16px; WIDTH: 400px; HEIGHT: 20px">Blah bla blah blah bla
blah blah bla blah blah bla blah blah bla blah blah bla blah blah bla blah blah
bla blah blah bla blah blah bla blah blah bla blah blah bla blah blah bla blah
blah bla blah blah bla blah blah bla blah blah bla blah blah bla blah blah bla
blah blah bla blah blah bla blah blah</div>
This text should be below<BR>

I will attach a testcase soon.
Attached file Testcase
"height" isn't a valid HTML attribute.  This is quirks-mode-only, if that.
Keywords: testcase
Summary: Neighbouring DIVs with HEIGHT attribute overlap → [QUIRKS]Neighbouring DIVs with HEIGHT attribute overlap
Attached file Testcase #2
Christopher, I think you misread the bug-report, he is using CSS2 height property,
not a HTML attribute, so the first testcase is valid.
But, the layout is correct, the content should overflow out of the DIV when it
can't possibly fit. (I've added a second testcase to illustrate, attachment 48802 [details]).
Resolving as INVALID.
Status: NEW → RESOLVED
Closed: 23 years ago
Resolution: --- → INVALID
Summary: [QUIRKS]Neighbouring DIVs with HEIGHT attribute overlap → Neighbouring DIVs with HEIGHT attribute overlap
I agree that this is invalid, however IE6 renders it differently, apparently
ignoring the height property altogether... 
*** Bug 110621 has been marked as a duplicate of this bug. ***
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: