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: 146
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