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/