Floats ignored in height calculation of containing block

RESOLVED INVALID

Status

()

Core
Layout: Floats
RESOLVED INVALID
15 years ago
15 years ago

People

(Reporter: Oliver Schonrock, Unassigned)

Tracking

Trunk
x86
Windows 2000
Points:
---

Firefox Tracking Flags

(Not tracked)

Details

(URL)

(Reporter)

Description

15 years ago
User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.4b) Gecko/20030507
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.4b) Gecko/20030507

The example shows that the height of div.main has been calculated only to
provide sufficient height for p.mainpara. But actally div.main also contains the
float:left div.inset. So height of div.main should be tall enough so that
div.inset is fully inside div.main.

IE6.028 and Opera 7.11 show the page correctly.

Unless I am missing something this is fundamental problem with the algorithm for
calculating the height of block level elemement when its tallest child is a float.

This problem did not exist in Mozilla 1.2 to my knowledge. I noticed it starting
to occur when I upgraded to Mozzer1.3. (Now running recent 1.4beta build see above)

Reproducible: Always

Steps to Reproduce:
look at the page ;-)

Actual Results:  
see that the blue div.main (hidden behind the yellow p.mainpara in mozzer) is
only as tall as the yellow p.mainpara.

Expected Results:  
the blue main div should be as tall as the taller of:
- the yellow p.mainpara
- the olive div.inset (containing the orange p.insetpara)

otherwise the whole "containing block", parent->child visual hierarchy is broken



IE V6.028 and Opera V7.11 show the page correctly
(Reporter)

Comment 1

15 years ago
OK you win:

http://www.w3.org/TR/REC-CSS2/visudet.html#q17

says that floated children should be ignored in height calculation of parent.
Weird, but I guess that's the standard.
Status: UNCONFIRMED → RESOLVED
Last Resolved: 15 years ago
Resolution: --- → INVALID
You need to log in before you can comment on or make changes to this bug.