being a rank newbie, i would have guessed that the blue div would need
to be followed by a clearing element before closing the green div.
On Nov 15, 2005, at 9:41 PM, Peter Michaux wrote:
> Hi,
>
> Probably this has been discussed before but I can't find an answer to
> my
> question. I hope someone can help me figure out what is going on with
> this
> aspect of divs.
>
> In the example attached below why doesn't the green div extend at
> least as
> far down the page as the blue div? It seems to me that if the green div
> contains the blue div in the code then also the green div should
> appear to
> contain the blue div in the rendered view. Why did the CSS standards
> folks
> decide to make CSS work so the green section collapes up? How can I
> make it
> so the green div extends at least as far down the page as the blue div?
>
> Thanks!
> Peter
>
>
>
> <html>
> <head>
> <style type="text/css">
> body {
> margin: 0;
> padding: 0;
> }
> #green {
> background: lightgreen;
> }
> #blue {
> background: lightblue;
> width: 30em;
> float: left;
> }
> </style>
> </head>
> <body>
> <div id="green">
> <div id="blue">
> asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf
> asdf
> asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf
> asdf
> asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf
> asdf
> asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf
> </div>
> text in the green
> </div>
> </body>
> </html>
> ______________________________________________________________________
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
