Minimal height for page

[ODF]

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.

/* 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;
  }

Can anyone help me with this?!

[KO]

Do you have link? You might need to use something else to make minimum height for the page.  That might require editing template and without seeing it it pretty impossible to start quessing what could be solution.

br,K

[moonie]

Hey ODF,

I was running into the same question some days ago, and this sitepoint tutorial did the trick for my layout:

http://www.sitepoint.com/forums/showpost.php?p=1239966&postcount=3

Hope this helps!