Previous Message
Next Message

div with float doesn't stay inside parent container div

Sent by Leandro Tracchia on 23 October 2008 15:03


thanks for everyone's help. looks like "overflow:hidden" is the latest
and greatest solution to this problem. worked for me just fine. here
is another webpage that also explains the problem and solution fairly
well: http://www.quirksmode.org/css/clearing.html

On Thu, Oct 23, 2008 at 9:30 AM, Elli Vizcaino [EMAIL-REMOVED]> wrote:
> Floating the parent div should help contain the child divs.
>
> -Elli
>
>
>
>
> --- On Wed, 10/22/08, Philippe Wittenbergh [EMAIL-REMOVED]> wrote:
>
>> From: Philippe Wittenbergh [EMAIL-REMOVED]>
>> Subject: Re: [css-d] div with float doesn't stay inside parent container div
>> To: "CSS-D" [EMAIL-REMOVED]>
>> Cc: "Leandro Tracchia" [EMAIL-REMOVED]>
>> Date: Wednesday, October 22, 2008, 9:48 PM
>> On Oct 23, 2008, at 9:57 AM, Leandro Tracchia wrote:
>>
>> > my problem is exactly what this post is describing
>> >
>> http://www.dynamicdrive.com/forums/archive/index.php/t-5372.html.
>> i
>> > tried using min-height but that won't work.
>> >
>> > i have two divs inside one parent div. the two divs
>> are floating left
>> > and filled with lots of text. but they are running off
>> the parent div.
>> > i need the height of the parent div to grow or shrink
>> with the amount
>> > of text in the child divs.
>>
>>
>> Yes, that is the expected behaviour. The floated blocks are
>> taken out
>> of the flow, and the parent div is technically
>> 'empty'.
>>
>> http://www.google.com/search?q=containing%20floats
>> has the details, explanations and solutions.
>>
>> And ore from the CSS-D wiki
>> http://css-discuss.incutio.com/?page=ClearingSpace
>>
>> Philippe
>> ---
>> Philippe Wittenbergh
>> http://l-c-n.com/
>>
>>
>>
>>
>>
>> ______________________________________________________________________
>> css-discuss [EMAIL-REMOVED]]
>> http://www.css-discuss.org/mailman/listinfo/css-d
>> List wiki/FAQ -- http://css-discuss.incutio.com/
>> List policies -- http://css-discuss.org/policies.html
>> Supported by evolt.org --
>> http://www.evolt.org/help_support_evolt/
>
>
>
>
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread: