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
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.