Forcing verticle scroll bars or otherwise correcting for their absense

Hi,
I have a bunch of empty pages that can be gotten to from here:
http://www.medxmedia.com/REMsCentral/about_us.php
The second tab has some content and with the exception of the about us tab each page will likely have enough content to cause the verticle scroll bar to appear. But what can you do on the page that doesn't have enough content so that the navigation menu doesn't appear to jump to the right 16 px or whatever the width of the scrollbar is?
I've found several methods online for forcing scrollbars, but none of them seem to work or I'm not adding them correctly to the CSS.
I'd appreciate your advice.
Best regards,
Chris McLaughlin
Here's the css:
@charset "utf-8";
/* CSS Document */
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
margin: 0;
padding: 0;
border: 0;
#flashMenu{
background-color:#FFFFFF;
width:925px;
height:220px;
margin:0px auto;
overflow:hidden;
#wrapper {
background:url(../images/medsBG.gif) repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
text-align: left;
line-height: normal;
color: #000000;
margin: 0px auto;
padding: 0px;
border:0;
height:100%;
width: 925px;
overflow:hidden;
.meds {
display:block;
width: 284px;
height: 46px;
padding: 12px;
float: left;
.website {
display:block;
width: 284px;
height: 46px;
padding: 12px;
float: left;
.PI{
display:block;
width: 284px;
height: 46px;
padding: 12px;
float: right;

You have two options, add either one to your sitewide CSS.
1) Force a vertical scrollbar to appear on all pages:
html {height: 102%; margin-bottom 2px}
2) Force a vertical channel to appear on short pages:
html {overflow-y: scroll}
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Similar Messages

Possible defect - verticle scroll bar; Recommended enhancement

Just finished my first screenplay in story and am now editing.
Possible defect - I try to scroll down a single page by clicking on the verticle scroll bar. The script jumps several (from a few to a dozen pages) down. This is unexpected. In most typical 'windows' apps, the scroll bar lets you move up or down a page at a time when you click the space above (or below) the icon that indicates the page you are on (I don't know what that icon is called).
Recommended Enhancement - So, I've started using the PgDn button to navigate while editing/reading. I've found a minor inconvenience with this process. When I hit the PgDn button, story scrolls a full window down and I can't see the last line I read (it's now off the screen). I recommend changing this so that when you hit PgDn the last line of the current page becomes the first line of the 'new' page. That would make for a smoother transition, easier reading and editing.
Thanks for a truly terrific tool.
Joe G.

I've found the scrolling with the mouse wheel either doesn't work or requires a couple of attempts to start scrolling.

Unwanted verticle scroll bar

Good afternoon,
I have noticed the presence of a verticle scroll bar where
there shouldn't be one.
I create a Captivate project and publish it with no borders
and no skins (no playbar). I make sure the size of the file
generated by the project will comfortably fit in a 1013px by 713px
browser window. I test the project after publish and of course
there are scroll bars as in this mode all of the browser attributes
are in place.
I then test the file through the LMS (the LMS fires the HTML
file in a window of fixed size (I designate the size in the LMS
settings) that has no attributes. There should be no scroll bars or
navigation. All works as planned except on the right verticle side
of the browser window a scroll bar (with no scroll tab) appears.
The content should not need to scroll, and indeed it does
fit, no content is hidden but there is this usless bar on the
verticle left side. I have tried using CSS overflow:none and
overflow:auto to not display the bar, but it still displays
non-the-less.
Has anyone had any problems of this sort? If so, what was the
solution?
Thank you,
TPK

Final Synopsis,
The conditions:
Our company recently upgraded from the Flash 8 to the Flash 9
plug-in. Our current version of Internet Explorer 6 is version
6.0.2900.2180. Our operating system is XP (service pack 2). My
company uses Adobe Captivate 2 to create internal training
materials that are SCORM compliant.
The problem:
Recently I noticed an odd behavior from lesson materials
created using Captivate 2. While creating training materials I
noticed there appeared to be an “empty” vertical
scrollbar on the right side of the HTML page (web published lesson)
that was generated from Captivate 2. I have been using Captivate 2
for several months (with the Flash 8 plug-in) and did not encounter
this “artifact” before this time.
To remove the artifact I tried to “publish” the
.cp file as Flash 6, Flash 7, and Flash 8 compatible files. In each
case the phantom scrollbar was visible where no scrolling should be
needed. In addition, I re-sized the physical dimensions of the
project and altered settings in our LMS to allow for a generous
window size and a small project size. The artifact persisted. I
also tried changing the DOCTYPE attribute for the HTML page. Again,
the artifact persisted. I re-created the project using Captivate
(version 1), and again the artifact persisted.
Finally, I inserted an (invalid) <BODY> tag attribute,
‘scroll=”auto”’ so that the body tag looked
like this:
<body scroll="auto" bgcolor="#F1F4F5"
onunload="Finish();">
This appeared to work (even though this appears to be an
invalid markup tag) and still allowed the page to show scrollbars
if needed.
I asked the IS department to roll back the Flash Plug-in to
version 8, and again published a .cp project (without the above
mentioned solution). The problem disappeared.
The problem appeared to be with the Flash 9 plug-in and/or
how it was implemented in Internet Explorer 6.
I have tested the file with these browsers:
OS Browser Plug-in Scrollbar Present
XP (sp2)Internet Explorer 6 Flash 9 Yes
XP (sp2)Internet Explorer 6 Flash 8 No
XP (sp2)Internet Explorer 7 Flash 9 Yes
XP (sp2)FireFox Flash 9 No
Mac OSXSafari Flash 9 No
Mac OSXFireFox Flash 9 No
I submitted a report to Adobe Support since this appears to
be a bug.
TPK

Force vert scroll bar & good design reference

OK, yes I'm a self-taught nube with LiveCycle. After numerous tutorials and lots of reading, I know I need to code to force vertical scroll bars to appear as default on a multi-line text field. I'm a designer - not a coder- and I have yet to find an example to plagiarize work off of. Can somebody please show me how?
Also, I started by scanning a form and letting LC design a form from that. As I explore the hierarchy, I cannot decipher the magical, mystical logic as to how text and text fields are distributed amongst cells, paragraphs, and rows; why some tables get a header row and others have the header shoved into a body row; and so on. To further my education, can somebody also point me to a good treatise (preferable on-line) for basic best-practices for design within LiveCycle?
Thanks in advance!
If you give a man a fish, he won't be hungry for a day: if you teach him to fish, he won't pester you in this forum again!

OK, yes I'm a self-taught nube with LiveCycle. After numerous tutorials and lots of reading, I know I need to code to force vertical scroll bars to appear as default on a multi-line text field. I'm a designer - not a coder- and I have yet to find an example to plagiarize work off of. Can somebody please show me how?
Also, I started by scanning a form and letting LC design a form from that. As I explore the hierarchy, I cannot decipher the magical, mystical logic as to how text and text fields are distributed amongst cells, paragraphs, and rows; why some tables get a header row and others have the header shoved into a body row; and so on. To further my education, can somebody also point me to a good treatise (preferable on-line) for basic best-practices for design within LiveCycle?
Thanks in advance!
If you give a man a fish, he won't be hungry for a day: if you teach him to fish, he won't pester you in this forum again!

Force vertical scroll bar

Hi all,
I would like to force a vertical scroll bar on all of my pages to keep the page from appearing to shift on some pages (pages long enough for scoll bars vs pages not long enough to need scroll bar). On my site I notice it in IE8 and FF3.
I know this has been discussed before but I am not able to find it.
Here is my code currently in my style.css concerning HTML and body elements
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
border: 0;
outline: 0;
html {
font-family: Arial, Helvetica, sans-serif;
font-size: 76%;
height: 100%;
body {
color: #000;
margin: 0 0 0 0; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
padding: 0 0 0 0; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
text-align: center; /* Centers the page content container in IE 5 browsers. */
background: #2D4262;
How would I accomplish this?
Thanks
Chris

Thanks for responding,
I tried both ways..I do not know CSS very well so I probably did it incorrectly.. Heres what happens when I tried both ways.
My background goes away if I add Michaels suggestion:
To see if I did it correctly here is what I had
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
border: 0;
outline: 0;
html {
font-family: Arial, Helvetica, sans-serif;
font-size: 76%;
margin-bottom:.01px;
min-height:100.2%;
And if I tried to add Murrays suggestion, nothing happened
To see if I did it correctly, here is what I had
html, :root { overflow-y:scroll; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
border: 0;
outline: 0;}
html {
font-family: Arial, Helvetica, sans-serif;
font-size: 76%;
height: 100%;
Again, I am probably not doing it correctly....
Thanks
Chris

Af:table Scroll bars not displayed in IE11 for large number of rows

Hi. I'm using JDeveloper 11.1.2.4.0.
The requirements of our application are to display a table potentially displaying very large numbers of rows (sometimes in excess 3 million). While the user does not need to scroll through this many rows, the QBE facility allows drill-down into specific information in the rowset. We moved up to JDeveloper 11.1.2.4.0 primarily so IE11 could be used instead of IE8 to overcome input latency in ADF forms.
However, it seems that IE11 does not enable the vertical or horizontal scroll bars for the af:table component when the table contains greater than (approx) 650,000 rows. This is not the case when the Chrome browser is used. Nor was this the case on IE8 previously (using JDev 11.1.2.1.0).
When the table is filtered using the QBE (to a subset < 650,000 rows), the scroll bars are displayed correctly.
In the code the af:table component is surrounded by an af:panelCollection component which is itself surrounded by an af:panelStretchLayout component.
Does anyone have any suggestions as to how this behaviour can be corrected? Is it purely a browser problem, or might there be a programmatic workaround in ADF?
Thanks for your help.

Thanks for your response. That's no longer an option for us though...
Some further investigation into the generated HTML has yielded the following information...
The missing scroll bars appear to be as a consequence of the setting of a style for the horizontal and vertical scroll bars (referenced as vscroller and hscroller in the HTML). The height of the scrollbar appears to be computed by multiplying the estimated number of rows in the iterator on which the table is based by 16 to give a scrollbar size proportional to the amount of data in the table, although it is not obvious why that should be done for the horizontal scroller. If this number is greater than or equal to 10737424 pixels then the scroll bars do not display in IE11.
It would seem better to be setting this height to a sensible limiting number of pixels for a large number of rows?
Alternatively, is it possible to find where this calculation is taking place and override its behaviour?
Thanks.

Horizontal scroll bar for each page of the ADF page???

Hi Everyone,
I have developed one ADF page which is working very fine.
The width and height of the page is more by which it is showing vertical scroll bar and horzontal scroll bar at the end(bottom) of the page.
But the requirement is that the horzontal scroll bar should be displayed for every page when we scroll down but it is displaying at only bottom of the page.
How can i include horizontal scroll bar?
Any suggestions wil be really useful.
Thanks.

See if this works:
<af:form id="f1">
<af:panelStretchLayout id="psl1">
<f:facet name="center">
<af:panelGroupLayout id="pgl2" layout="scroll">
<af:panelGroupLayout id="pfl1"/>
</af:panelGroupLayout>
</f:facet>
</af:panelStretchLayout>
</af:form>
Drop your content inside the second panelGroupLayout

Adobe forms - No scroll bar for Display only fields

I am using adobe forms for SAP Enterprise Portal. i am using these in Worklfows. In the form there is a text field with no size limit and Allows Multiple Lines. Any amount of text is allowed to be entered. when the form is viewed by the next person, the script in the form make the field as read only. This is as expected.
Problem: If there are multiple lines the scroll bar does not appear for the field. Entire content is not visible. Printout of the form prints the entire text from the field. In edit mode the scroll bar is displayed!!
Adobe Reader version - 7.0.9
OS - XP SP2

Hi Sumant,
I am facing same issue. Any solution ?
Thanks & Regards,
Tushar Trivedi.

Scroll bar :help for a newbie

Hello, I need some help to introduce scroll bar into my programs;
For example I have a JPanel in which I have to introduce a scroll bar when it's needed.
Can you help me please?

hi
JPanel jp = new JPanel();
JScrollPanel jsp = new JScrollPanel(jp);
getContentPane.add(jsp);

No Scroll Bar for left column in Communities?

I'm sure I'm doing it wrong, but on my iPad Safari I don't see a verticle scroll bars in Communities left column under "How it works" after signing in and can only access down to
iPad
iPhone
iPod
iTunes
Desktop Computers / iMac (Intel)
iMac mini.
But in a full browser on a computer the scroll displays down past here to:
Notebooks (5)
Mac OS & Sys Software (10)
iOS Apps (4)
iLife (5)
iWork (4)
Professional Applications (10)
MobileMe (4)
AppleTV (1)
Peripherals (5)
Servers and Enterprise Software (7)
Applications (3)
Wireless (2)
Windows Software (4)
Older Software (1)
Older Hardware
Using Apple Support Communities
User Tip Contributions
Developer Forums
Bug? User pref setting? A fix?
Steven

There are no scroll bars because the iPad doesn't work with them. BUT... You can scroll the pane by using two fingers instead of one to scroll.

Question on vertical scroll bars in JScroll Pane

Hi,
I managed to display my chat program with a vertical scroll bars by using JScrollPane. Every time some on types a line, this is appended to whatever was previously in the JTextArea (the JScrollPane has a JTextArea in it). Even though this works fine, when the dimension of the JTextArea is full with text, one has to scroll down to see what was the last line of text that was typed.
Is there a way to make the verticall scroll area alwas scrolled down (I mean, scrolled to the bottom so I can see new incoming text without manually having to scroll it down?)
Thanks!
Cecilia.

You might try adding a properties listener to the JTextArea listening for a "resize/size" property change and when it does, force the scroll bar to go to max.

Has anyone downloaded Yosemite and found that there are no ore scroll bars? I have to move the window (of any window, Skype window, browser window etc.) in order to find the scroll bar and then it disappears so fast I can't even use it.

Has anyone downloaded Yosemite and found that there are no ore scroll bars? I have to move the window (of any window, Skype window, browser window etc.) in order to find the scroll bar and then it disappears so fast I can't even use it.

Not sure why that was unchecked but good to know!
Apple's new default (since at least a couple of OS releases back) is to have it off so OS X matches the behavior of an iPhone or iPad.
I almost never need a scroll bar, and when I do, I just move over to the edge of the window when scrolling and a larger scroll bar appears.
Yes, for the most part, users don't really need the scroll bar. That's what the scroll wheel on almost all mice is for. Saves the trip over to bar to physically grab and move it. But, I do like it on all the time regardless. That way (especially with a long article) I can just take a quick glance over to the bar to see about where I am on the page (a third of the way down? halfway?). Otherwise, I have to move the page just to make it appear to give me the same information.

Scroll bar pushing content

I'm building a site for my girlfriends illustration and some
pages have more content than others and on these pages a scroll bar
appears which pushes the content to the left which then makes going
back to a page without a scroll give the site an inconsistent look.
i'd like to know if there was a way to fix this. I don't want
to force a scroll bar to appear on pages that don't need it, only
for it to appear when needed and to not push all my content over.
All the content is centered and thats how I'd like it to stay.
I"m using Dreamweaver CS3 and am a complete novice so a
simple explanation would be good

it isn't up yet but here is the code of one of the pages.
they will all be the same just with different content
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=UTF-8" />

<title>hollysims.co.uk</title>

<style type="text/css">

</style>

<link href="Styles/header.css" rel="stylesheet"
type="text/css" />
<link href="Styles/paragraph.css" rel="stylesheet"
type="text/css" />
<link href="Styles/photo.css" rel="stylesheet"
type="text/css" />
<style type="text/css">

</style></head>
<body>
<div id="wrapper">
<p align="center"><img
src="images/Site/bannerwithbuttons.jpg" width="674" height="321"
border="0" usemap="#Map" />
<map name="Map" id="Map"><area shape="rect"
coords="17,272,69,298" href="home.html" />
<area shape="rect" coords="76,276,130,297"
href="about.html" />
<area shape="rect" coords="137,276,256,296"
href="illustration.html" />
<area shape="rect" coords="262,275,384,301"
href="photography.html" />
<area shape="rect" coords="391,273,512,295"
href="sketchbooks.html" />
<area shape="rect" coords="519,279,566,299"
href="shop.html" />
<area shape="rect" coords="573,271,647,296"
href="contact.html" />
</map></p>
</div>

<div id="wrappertext">
<div align="center"> <span
class="header">Paris</span>
<p><a
href="images/Illustration/Full_size/Blue_Paris_full.jpg"><img
src="images/Illustration/Thumbnails/Blue_Paris_thumb.jpg"
width="80" height="80" class="photo"
/></a> <a
href="images/Illustration/Full_size/Paris_Collage_full.jpg"><img
src="images/Illustration/Thumbnails/Paris_Collage_thumb" width="80"
height="80" class="photo" /></a></p>
<p> </p>
</div>
</div>

</body>
</html>
for all i know this could be the worst code ever. i'm using
dreamweaver in design mode. never done this before so excuse me if
this makes your eyes sore

Vertical scroll bars remain the older OSX pill type (pre 10.8) in Firefox on OSX 10.9. How can I fix this?

The Firefox installation on my iMac (2009) spans at least 3 operating systems. I recently updated to OS X 10.9 from 10.6.x but the scroll bars in Firefox are not the default OSX 10.9 but the older 10.6 ones. There are 4 other users on this computer and their scroll bars are the correct ones. Resetting my profile and full re-install has not corrected this problem. I have used Firefox since OSX 10.2 and transferred my profile from an older Mac to this iMac some time ago. This is probably some bit of code or style or something from some theme that was installed under 10.6 or earlier that needs to be removed. I have not tried the nuclear option of completely deleting my profile and hunting down every preference related to Firefox or Mozilla in my account. This is not so much a problem as an irritation.

Thanks for the suggestion, but no go. Some bit of an old Mozilla/Firefox theme or some other 3rd party OSX utility is stuck somewhere. Like I said, more an irritation than a problem, doesn't effect the performance of the browser--its just weird.

ReportViewer 2012 Scroll Bars

I am using ReportViewer 2012 to display reports from a report server.
If the report is larger than the display window scroll bars appear however in Internet Explorer 11 they are in the wrong place as they are sized to the whole of the iframe. As a result the vertical scroll bar includes the parameter tool bar and the horizontal
Scroll bar does not appear until you scroll the bottom of the report into view.
If I run the app using Chrome the scroll bars are shown correctly.
How can I fix this so the scroll bars appear in the correct place in IE 11?

Hi Ewan,
Based on your screenshots, the horizontal scroll bar is not showing in IE 11. Right?
It has reported a lot of incompatibility issue in IE 11. One workaround is change the X-UA-Compatible meta tag. It allows web authors to choose what version of Internet Explorer the page should be rendered as. You can change it like this: <meta http-equiv="X-UA-Compatible"
content="IE=9" />. Please refer to the similar threads below:
ReportViewer scroll issues in IE
ReportViewer 11 with IE 11: report height exceeds limits
Internet Explorer 11 & SSRS ReportViewer
For this issue, I would recommend to submit it to the Microsoft Connect at this link
https://connect.microsoft.com/SQLServer/Feedback. This connect site will serve as a connecting point between you and Microsoft, and ultimately the large community for you and Microsoft to interact
with. Your feedback enables Microsoft to offer the best software and deliver superior services, meanwhile you can learn more about and contribute to the exciting projects on Microsoft Connect.
If you have any question, please feel free to ask.
Best Regards,
Simon Hou

Forcing verticle scroll bars or otherwise correcting for their absense

Similar Messages

Maybe you are looking for