FIX: Missing Vertical Scroll Bar in IE and Firefox

Found an issue in our online help system where the content clearly extended far beyond the bottom of the page and yet the vertical scroll bar was missing. The web page with this problem has drag-and-drop capabilities to allow moving elements from one place to another using your mouse. Thus, it contains a lot of CSS, JavaScript, and AJAX code to properly display the drag-and-drop and to save the changes automatically.

I found a thread post explaining a similar problem and found the following code that "dtc" suggested:

html { overflow: hidden; }
body { height: 100%; width: 100%; overflow: scroll; }

I gave it a shot and it worked. I had to move around some of the elements at the bottom of the page (the copyright) because it was being displayed right in the middle of the content and was just a bunch of gobbly-gook.

I also tried removing some of the CSS to the following:

body {overflow:scroll;}

This was the final fix for both Firefox and IE.

Comments
Contact Chris SchofieldBlogCFC was created by Raymond Camden. This blog is running version 5.9.001.