Vertical scrollbar not showing when it should be in IE

I have a long page and it should show a vertical scrollbar in IE, but it doesn't. I can click on the button and the scrollbars appear, after which they disappear when the page reloads.

Here is the css

*{margin:0;padding:0}
html, body, form{height:100%}

body{position:relative;width:100%;}/*opera 9.5 fix*/

body 
{
    font-family:Trebuchet MS, Lucida Grande, Arial, sans-serif;
    text-align:center;
}
/* ---Layout--- */
#wrapper{ 
    width:100%;
    text-align:left;
    margin:auto;
    min-height:100%;
    margin-top:-100px;/*footer height*/

} 
* html #wrapper{height:100%}
#header{
    background: url(images/header.png);
    height:89px;
    border-top:100px solid #fff;/* soak up negative margin*/
}

#header_inner{
    width:960px; 
    margin-left:auto; 
    margin-right:auto;  
}

      

-1


a source to share


3 answers


Maybe try this:



html { height: 100.1%; margin-bottom: 1px; }

      

+1


a source


Why are you using

html, body, form{height:100%}

      



Will there be a scrollbar if you remove this line?

0


a source


Maybe it won't help, but really try to get rid of the height: 100% for everything. This causes problems with IE many times. If you can't try adding

hasLayout: true;

      

to the form.

-1


a source







All Articles