Minimal height for page
Posted: Sat Aug 18, 2007 5:56 pm
I was trying to get my page to display with a minimum height, I tried this code and it worked but my footer didn't stay on the end of the page. What code do I need to get the footer at the end of the page.
Can anyone help me with this?!/* A CSS Framework by Mike Stenhouse of Content with Style, adapted to CMSMS by Daniel Westergren */
/* SITE SPECIFIC LAYOUT */
body {
margin: 0;
padding: 1em;
text-align: center;
}
div#pagewrapper {
margin: 0 auto;
max-width: 750px;
width:expression(document.body.clientWidth > 750? "750px": "auto" ); /* CSS for IE*/
min-width: 750px;
min-height: 800px;
padding: 0;
text-align: left;
}
#container {
position: relative;
margin: 0;
}
/* HEADER */
div#header {
margin: 0;
padding: 0;
height: 100px;
background: #FFFFFF;
background-position: right;
text-align: left;
}
div#header h1 a {
background: #FFFFFF;
display: block;
height: 100px;
text-indent: -700em;
width: 122px;
margin: 0;
padding: 0;
text-decoration:none;
}
/* END HEADER */
/* CONTENT */
div#content {
}
/* MAIN */
div#main {
}
/* END MAIN */
/* SUB */
div#sub {
}
/* END SUB */
/* END CONTENT */
/* FOOTER */
div#footer {
}
div#footer p {
font-size: 0.8em;
margin: 0;
padding: 15px;
text-align: center;
}
/* END FOOTER */
/* END LAYOUT */
div.breadcrumbs {
padding: 1em 0;
text-align: left;
font-size: 90%;
margin: 0 1em;
border-bottom: 1px dotted #000;
}
div.flags {
float: right;
width: 18px;
padding: 1em 0;
text-align: right;
margin: 0 1em 0 0;
}
div.left49 {
float: left;
width: 49%;
}
div.right49 {
float: right;
width: 49%;
text-align: right;
}