Fickle IE Issues with Height:100%'

Posted by Mike R on Stack Overflow See other posts from Stack Overflow or by Mike R
Published on 2011-03-01T23:23:18Z Indexed on 2011/03/01 23:24 UTC
Read the original article Hit count: 125

I am trying to set the height to 100% in the viewport for Internet Explorer. As you might imagine, the following code works everywhere else:

* {
    margin: 0;
    padding: 0;
} 

html, body {
    height: 100%;
}

body {
 font-family: Times New Roman, Times, serif;
 font-size: 13px; 
 background-color:#E8E8E8;
 background:url(/images/background.png) repeat-x;
}

#wrap {
 margin:0 auto;
 width: 935px; /*  Change to desired width :)  */
 min-height: 100%;
 background:url(/images/content.png)repeat-y;
}

#main {
    overflow: auto;
    padding-bottom: 112px;
}  /* must be same height as the footer */

© Stack Overflow or respective owner

Related posts about html

Related posts about css