Hi, so my problem is that my content escapes the centerBox div IF the
browser window is opened so that vertical scroll bars occur normally.
Code below. It is really odd becuase the centerBox fills 100% as one
would expect. But when you use the scroll bars to look at additional
content the centerBox div doesn't follow - leaving (in this case) a
dark grey background behind the content. Oddly enough, if I resize the
browser window so that all content is shown - it will correct and
repaint so that the centerBox fills the 100percent.
this happens in firefox, chrome and ie (latest/greatest of all).
anyone have any thoughts/suggestions/ideas? - thanks!
<pre>
html, body, div#centerBox{
height:100%;
}
div#content, div#main{
float:left;
}
body{
margin:0px;
padding:0px;
text-align:center;
background-color:#444444;
}
#centerBox {
width:996px;
margin:0px auto 0px auto;
text-align:left;
min-height: 100%;
background: #444444;
background-image: url('../sides.gif');
background-repeat: repeat-y;
}
#content{
padding:0px 6px;
margin: 0px;
}
#main{
width:946px;
margin: 0px 20px;
}
<body>
<div id="centerBox">
<div id="content">
<div id="main">
content that will cause vertical scroll bars in the browser
to occur naturally.
</div>
</div>
</div>
</body>
</pre>
--
--
You received this because you are subscribed to the "Design the Web with CSS"
at Google groups.
To post: [email protected]
To unsubscribe: [email protected]
