The color background you stated for #centerBox was dark grey background: #444444;
what color do you want it to be? On Feb 6, 9:36 pm, Enoch <[email protected]> wrote: > 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]
