Comments on: Element assuming height of floating element?

Question: Element assuming height of floating element?

dflemingdotorg — Mon, 14 Mar 2005 14:20:48 -0800

CSSFilter: How do I get a container element to adopt the height of a floating list?

I have a list contained in a div, the list and the list items are all floating elements. IE seems, for the div, to adopt the height of the floating element, but how can I get firefox to assume the div height as the height of the floating list?

By: Ridge

Ridge — Mon, 14 Mar 2005 14:25:46 -0800

If I understand correctly, you seem to need this nifty clearing technique. It has its problems (doesn't everything to do with CSS layouts?) but it seems to be a nice way to clear a float within an enclosing div, without adding unnecessary extra markup.

By: dflemingdotorg

dflemingdotorg — Mon, 14 Mar 2005 14:29:34 -0800

Thanks ridge. I had seen this before but wasn't sure exactly what it did until now. Kudos!

By: andrew cooke

andrew cooke — Mon, 14 Mar 2005 14:29:56 -0800

ooo! thanks for that!

By: adamrice

adamrice — Mon, 14 Mar 2005 14:30:20 -0800

Funny you should ask. There are actually a few ways to do this, and one was just recently discovered that might be called the "overflow hack." Here's a good discussion of the state of the art.

The basic problem is that floats are considered as having no height from the perspective of the containing element.

Actually, now that I read your query more closely, I'm not sure this will answer your question--a pointer to a test page might help.

By: Ridge

Ridge — Mon, 14 Mar 2005 14:35:40 -0800

Cool! My first "marked as best answer". I feel warm and special. Glad to have helped.