I've hit this problem before, but have always ended up using deplorably 
complicated workarounds to avoid it.

How can I avoid block elements inside floated blocks collapsing to the 
minimum height?

I am using a two column setup (navigation and content) as follows:

div#column-left
{
float: left;
margin: 0;
padding: 8px 0 0 0;
width: 10em;
}

div#column-right
{
float: left;
margin: 0 0 0 -10em;
width: 100%;
}

But within the right column is all the content housed in a Plone CMS 
structure of divs, and it collapses to 0 height, leaving me with no 
content. What's going on?


Thanks,
Barney


PS: I know all about the semantic ids debate - these are for 
illustration purposes only.
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to