On 5/18/07, James Gadrow <[EMAIL PROTECTED]> wrote: > James Hague wrote: > > hi .. > > > > in an example like the one below .. how can one enclose the regContainer div > > inside the mainFrame div irrespective of the content of the regContainer. > > The clearer div is not doing the trick! a large content of 'regContainer' > > pushes its lower edge below the main frame!
> The issue here is that you've specified that .mainFrame is 100% of the > height of the body. And, according to the display: block; specs content > too large to fit within its container is supposed to spill out of the > container by default (not that IE respects that spec but that's another > issue). > (truncated) > Not sure exactly what you would like to happen but you can either remove > the height property on your mainFrame (and thus allow it to expand to > fit the content) but making your page scroll (which is normally accepted > behaviour). > > Or you can apply another height to the .regContainer that fits > terminates the border within .mainFrame and then set it's overflow > property for whatever you would like to happen if the content spills off > the page (presumably you would like the interior content to scroll and > thus you would use overflow: auto). Alternatively, you can use the min-height property as opposed to the height property--that will make sure its 100% at minimum and still allow it to expand beyond that to contain other content. IE6 will not respect this, but it treats the height property as if it were the min-height property; so you could use the "Holly Hack" or conditional comments to include a declaration of height for IE only. As a side note; whenever I see someone declaring height 100%, I remind them that it doesn't work exactly like you might expect it to if you're thinking about old HTML table height. There's a pretty good explanation here: http://apptools.com/examples/tableheight.php Apologies if you were already aware--but I know its a common question. Brian ______________________________________________________________________ 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/
