CSS Height Properties

[defy]

My site is having a problem. When I check it in 800 x 600, or if I have to scroll down at all, my white background I use in my container div goes away and the background of the body, a blue color takes over. My code is

Code: Select all

html {
 height:100%;
}
body {
 height:100%;
 background-color:blue;
 text-align:center;
 margin:auto;
 width:750px;
 font-family:Arial, Helvetica, sans-serif;
}
#container {
 width:750px;
 height:100%;
 min-height:100%;
 background-color:#FFFFFF;
 text-align:left;
 margin-bottom:15px;
}
#header {
 width:750px;
}
#left {
 margin:0 0 15px 10px;
 float:left;
 text-align:justify;
 width:330px;
 font:small Arial, Helvetica, sans-serif;
}
#right {
 margin:0 10px 15px 0;
 float:right;
 text-align:justify;
 width:390px;
 font:small Arial, Helvetica, sans-serif;
}
#footer {
 clear:both;
 height: 30px;
 width:750px;
 font-weight:bold;
 font-size: x-small;
 margin-top:15px;
 margin-bottom:0px;
}

[Monie]

Hai defy... I don't think that you really need that code (red coded) in your css! Try remove them and see what happen.

Next time, maybe you could include your HTML file together so we can test your code without having to create our own HTML file to test your CSS
Cheers..

Code: Select all

body {
height:100%;
background-color:blue; /*you could write as background: blue; same result*/
text-align:center;
margin:auto;
width:750px;
font-family:Arial, Helvetica, sans-serif;
}

[karinne]

Actually ... next time, put a link so we can see what's going on without trying to guess.