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!
> Please help? James
> ----------------------
> <html>
> <head>
>
> <style>
> .mainFrame{
> height:100%;
> background: white;
> border: 5px solid #CCCCCC;
> }
>
> .regContainer {
> position:relative;
> top:125px;
> color: #black;
> width: 720px;
> float:left;
> border:1px solid black;
> }
>
> .clearer {clear: both;font-size: 6px;}
>
> </style>
>
> </head>
> <body>
>
> <div class="mainFrame" align="center">
>
> <div class ="regContainer"> long paragraph goes here </div>
>
> <div class ="clearer"> </div>
>
> </div>
>
> </body>
> </html>
> ----------------------
> ______________________________________________________________________
> 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/
>
>
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).
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).
--
Thanks,
Jim
______________________________________________________________________
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/
