Firefox bug with nested divs -- need help

[Kevin Audleman]

Hey everyone,

I'm trying to build a pretty simple div with two inner elements side
by side, where the outer div will grow in height to contain the
tallest of the two inner blocks. However Firefox is giving me a run
for my money! I've posted the code, showing variations that work
alongside the broken one. Can anybody tell me how to accomplish what
I'm going for?

http://trestlemanagement.hostasaurus.com/floattest.html

Thanks,
Kevin

 

[Steve Pugh]

Hey everyone,

I'm trying to build a pretty simple div with two inner elements side
by side, where the outer div will grow in height to contain the
tallest of the two inner blocks. However Firefox is giving me a run
for my money! I've posted the code, showing variations that work
alongside the broken one. Can anybody tell me how to accomplish what
I'm going for?

http://trestlemanagement.hostasaurus.com/floattest.html

Floats take the floated element out of the context of their parent
elements. So your div with two floated children has no in-context
content at all, hence it's height collapses. Add an element with
clear: both after the two floated elements but inside the div. This
will give the div some content, after the floats, and will hence
extend the height to fit.

Steve

 

[dorayme]

Hey everyone,

I'm trying to build a pretty simple div with two inner elements side
by side, where the outer div will grow in height to contain the
tallest of the two inner blocks. However Firefox is giving me a run
for my money! I've posted the code, showing variations that work
alongside the broken one. Can anybody tell me how to accomplish what
I'm going for?

http://trestlemanagement.hostasaurus.com/floattest.html

You might get some help at

<http://netweaver.com.au/floatHouse/>

in particular, the business of parents not growing height for their
floated children.

 

[Kevin Audleman]

Hey everybody, thanks for the replies! I should have figured that once
again Firefox got it right, whereas IE just did things its own way.

Kevin