On 5/18/07, Brian Crescimanno <[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 The required effect is to get the outer 'main frame' div - with its gray border - to enclose the inner 'regContainer' div, irrespetive of 'regContainer' height. 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). but when I remove the height : 100% - the frame actually shrinks in both IE6 + FF - and it doesnt really solve the problem. > > 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). The point is that the height of the regContainer is unknown - so I am not sure how to set it in that case. 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. Have tried min-height:100% but it doesn't seem to work - not even in FF. The deesired effect is attainable I am sure.. more or less like when one has a container div with 2 inner divs acting like columns. The container dive is stretched to fit both columns depending on the higher one. It is more or less that effect but in this case it has just the one div inside!! ______________________________________________________________________ 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/
