AG wrote:
> Forgot to mention that inside the container div I have 2 content divs
> [not one as described below]. Both are float: left; 
> When there's only one content div... no problem, but with 2, or even
> 1 float: left; the container div collapses in FF.
>
> Thanks, and sorry about the double post.
> Ara G.
>   
That's because float takes its associated section out of normal document 
flow. So, if there's nothing else below your content then the container 
actually contains nothing and so it takes up all the height that it 
needs to (which is none).

To fix this add a clearing element below your content divs such as (of 
course, you should make the style for the clear element external to be 
of most use):

<div class="container">
    <div class="content">
    <!-- content goes here -->
    </div>
    <div class="content">
    <!-- content goes here -->
    </div>
    <div class="clear" style="clear: left;" >&nbsp;
    </div>
</div>

-- 
Thanks,

Jim

______________________________________________________________________
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