Force Vertical Scrollbar to Display in IE8

Force vertical scrollbar to display in IE8

Oh figured it. Its

body {
   overflow-y: scroll;
}

Website not displaying scroll bar in IE 8 (Not overflow)

consider putting this in your CSS to force the vertical scrollbar:

html {
height: 101%; /* setting height to 101% forces scroll bar to display */
}

IE8 horizontal scrollbar problem

Setting the display:inline-block; for the div that contains the red box

 <div style="display: table;">
<div style="display: table-cell;">
    <div style="overflow-y: scroll; height: 19em; display:inline-block;">
        <div style="width: 30em; height: 30em; background-color: red;"></div>
    </div>
</div>

How to display scrollbar in IE8 when in full screen mode?

overflow: auto; overflow-y: auto;

Why is IE showing a scrollbar with no scroller (scrollbar not needed and not in FF and Safari)?

This is normal in Internet Explorer, and to my knowledge can not be turned off except maybe with a overflow:hidden on the body or html element, with the obvious downside that the page then can't be scrolled at all.

If you need to get the exact same behaviour in all browsers, and want to add the deactivated scrollbar to FF and Safari, check my recent question.

Website jumps from side to side?

Best way is to force the scrollbar.

Force vertical scrollbar to display in IE8

Remove vertical scroll bar from IFrame that gets rendered in Internet Explorer

I just wanted to post my "resolution" as an answer because sometimes things get lost in comments. Make note this is a hack that I made work for my situation that may help someone along the way. While it does sort of solve my problem, I'll leave this unresolved; I'd really be open if someone else finds a better option.

#div_iframe {
border-style: inset;
border-color: grey;
overflow: scroll;
overflow-x: hidden; /*hide the horizontal scroll bar*/
height: 650px;
width: 97%;
}

#ifAgreement {
 width: calc(100% + 15px) /*101% worked in my situation. Force the iFrame's scrollbar behind the containing div*/
 height: 3900%; 
}

SWT Browser - disabled Vertical Scroll how do i hide it?

I had a similar problem with SWT browser objects. I ended up using the "overflow:hidden" CSS style in my HTML page, which tells the browser to suppress scrollbars and clip the webpage at the edge of the browser window if the page is too big to fit.

moz-scrollbars-vertical equivalent for Chrome/Opera/Safari?

Update

You may (in addition) need to include -ms-overflow-y and/or -moz-scrollbars-vertical, as mentioned in this other StackOverflow post:

html {
    overflow: -moz-scrollbars-vertical; /* For FF */
    -ms-overflow-y: scroll; /* For IE */
    overflow-y: scroll; /* For others & old IE */
}

Original

html { overflow-y: scroll; }

See "overflow-y" at W3Schools

Tested & verified (successfully) in:

FF 7
Chrome 15
IE 5+6+7+8+9+10(platform preview) w/IETester
Opera 11.52
Safari/Win 5.1.1

Full example

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
    html { overflow-y: scroll; }
</style>
</head>
<body>
    Test content
</body>
</html>

Force Vertical Scrollbar to Display in IE8