Hi,
I am working on developing a basic css site layout with 2 columns, header
and footer. I am having trouble getting the site to look correct. I would
like to make the height for 2 columns 100%. I have the following code.I'd
greatly appreciate any input on what I am doing wrong.
html, body {
height: 100%;
width: 900px;
margin-right: auto;
margin-left: auto;
}
#wrapper {
height: auto
height: 100%;
min-height: 100%;
position: relative;
}
#container {
padding-bottom: height of footer;
}
#header {
height: 125px;
width: 900px;
}
#breadcrumb {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.75em;
color: #666666;
width: 900px;
}
#leftcol {
background-color: #999999;
width: 180px;
}
#centercol {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.75em;
color: #333333;
background-color: #00FF00;
height: 100%;
width: 700px;
}
#footer {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.7em;
color: #666666;
background-color: #FFFF00;
text-align: center;
position: absolute;
bottom: -105px;
left: -2px;
}
Thanks,
John
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
