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

Similar Messages

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

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 hor-scroll bars in IE

Hello all,
I have designed a web page in Dreamweaver MX using frames
(3-T,L,C) when I view it in Firefox scroll bars appear on the right
side, which is correct, but when I view it in IE scroll bars appear
on the right AND the bottom, even thow there is nothing to scroll
left or right too.
I have tried the scrolling="no", resizing the frames, etc. My
video size is 1024x768, but the HTML file is only 800 wide, which
should fit no problem in 1024.
Also, I only get the hor-scroll bar when there is a right
scroll bar. In other words, if what I have on a page is longer than
the page, a right scroll bar appears, along with a bottom one. Very
bizzare!!
Any ideas how to get rid of the bottom scroll bar in IE?
Much appreciated.

Without checking too deeping, I believe it could be because
your header is
around the 800px width. So when you resize the window to
about 800*600 you
get a scroll in the bottom area to match the width at the
top. Even though
that bottom frame may not be as wide at the top, the browser
has to take
into account all the widths of the page elements.
Nadia
Adobe� Community Expert : Dreamweaver
http://www.csstemplates.com.au
- CSS Templates | Free Templates
http://www.perrelink.com.au
- Web Dev
http://www.DreamweaverResources.com
- Dropdown Menu Templates|Tutorials
http://www.adobe.com/devnet/dreamweaver/css.html
"Falcore4" <[email protected]> wrote in
message
news:e96836$5ug$[email protected]..
> Here is the link:
>
>
http://www.websites4design.com/Saugus%20Youth%20Soccer%20New/index.htm
>
> Select either Board or Registration links.
>
> Thanks

Unwanted/unneeded scroll bars in Safari 4

I have a blog (www.RabbiBen.org) that suddenly began to show scroll bars next to each entry, in addition to the usual bars at the right side of a window. These bars only appear in Safari, not in any other browser I have tried. Is there a way to get rid of them in Safari?
My guess is no, given the number of posts regarding problems with Safari 4. Maybe Apple rushed this release too much.
If anyone has any suggestions, I would appreciate it.
Thanks,
Ben Sendrow

Just looked at you page. Imeditly I knew what the problem was...
Here's the text box div tag, div class="sfblogentry"...
*The css for the above div should be set to none for scroll bars or not set at all in the css.* The scroll bar is set to auto. When set to auto some browsers will show a scroll bar even is one is not needed. Or, when set to auto the text inside the div is so close to the inner walls of the text box. The browser will trigger for a scroll bar even if a scroll bar is not needed.
Here's a link to what your page should look like in Safari.
Click to view your fixed sample web page.
Was an easy fix took less than a minute to fix. There may be some elements missing and I didn't want to short through all the css pages to re-link them. There is six some odd css pages. Way to many css pages for a simple page like your.
To be honest with you, the html and css coding is a mess. If someone else was to take over the coding for your web page. It would be faster to rebuild the site than to work with what you have been provided.
Message was edited by: David M Brewer

How can I eliminate unwanted horizontal scroll bars from certain pages on my site?

A few pages on my website have a horizontal scroll bar at the bottom of the browser. I have several other pages in the exact same format and none of them have the horizontal scroll. No elements are off the edge of the page or anything. I'm a designer and don't know code, which is why I'm using Muse, but all the forums I've checked so far give coding solutions that I don't understand or know how to apply to my Muse site. Anyone have any suggestions?

Can you post a URL for your site? (You could publish a free temporary site on Adobe Business Catalyst and provide the URL.)
Other than the page being wider than the browser window or there being content that's outside the page bounds, I don't know what else to tell you to look for. If you provide a URL, we can probably detect what's causing the horizontal scrollbar and let you know what needs to change.

How can i remove a unwanted horizontal scroll bar on IE?

I have an expanding search bar in my navigation, however only on IE the horizontal scroll appears which allows you to move it off the screen. Which obviously i don't want. It there any way to stop this?
Here is my HTML and CSS;
<div id="logocontainer">
<div id="secondary-bar" class="clearfix">
            <form id="search" action="#" method="post">
              <div id="label"><label for="search-terms" id="search-label">search</label></div>
                <div id="input"><input type="text" name="search-terms" id="search-terms" placeholder=""></div>
            </form>
<nav>
                <ul>
                   <li><a href="#">[email protected]</a></li>
                    <li><a href="#">(0191)2521348</a></li>
                <div class="box"><a href="https://twitter.com">twitter</a></div>
                  <div class="box2"><a href="http://instagram.com">instagram</a></div>
                </ul>
            </nav>
</div>
#secondary-bar {
    position: relative;
    height: 40px;
    padding-left: 60px;
margin-top: 3%;
min-width: 320px;
@media all and (max-width: 1000px) {
#secondary-bar {
margin-left: auto;
margin-right: auto;}
#search {
    position: relative;
    float: right;
    width: 40px;
    height: 40px;
    margin-left: -40px;
#label {
    width: 40px;
    height: 40px;
    position: relative;
    z-index: 20;
#label label {
    display: block;
    width: 40px;
    height: 40px;
    background:url("../Graphics/search.png") 0 0;
    font-size: 0;
    color: rgba(0, 0, 0, 0);
    text-indent: 9999px;
    cursor: pointer;
#label label:hover {
    background:url("../Graphics/search.png") -40px 0
#label.active label {
    background:url("../Graphics/search.png") -40px 0
#input {
    position: absolute;
    top: 0;
    right: 45px;
    width: 410px;
    height: 40px;
    z-index: 5;
    overflow: hidden;
#input input {
    display: block;
    position:relative;
    top: 0;
    left: -410px;
    width: 410px;
    height: 100%;
    margin: 0;
    padding: 0 10px;
    border:solid;
border-width:thin;
border-color:#706E6E;
    background-image:url(../Graphics/black-linen.png);
    color: #898888;
    font-size: 12px;
    -ms-backface-visibility: none;
-webkit-backface-visibility: none;
    -moz-backface-visibility: none;
    backface-visibility: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -ms-transition: left 0;
-webkit-transition: left 0;
    -moz-transition: left 0;
    -o-transition: left 0;
    transition: left 0;
overflow: hidden;
#input input:focus {
    outline: none
#input.focus {
    z-index: 20
#input.focus input {
    left: 0;
    -webkit-transition: left 0.3s;
    -moz-transition: left 0.3s;
    -ms-transition: left 0.3s;
    -o-transition: left 0.3s;
    transition: right 0.3s;
nav{
    width: 96%;
    float: left;
    position: relative;
    z-index: 10;
nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
nav li {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    font-size: .9rem;
float: right;
margin-top: .5%;
font-weight:100;
nav a {
    display: block;
    padding: 0 15px;
    color: #787878;
nav a:hover {
    color: #FFF;

That results in the search bar being visible before clicking to expand it, like this
and it moves to its correct position when clicking on magnifying class.

Horizontal Scroll Bar

I have this site that I'm practicing on called
Massattack Studios,
it's been a work in progress for a while experimenting with Flash
and Dreamweaver 8.
In internet explorer my scroll bar situation works fine, in
Fire Fox the unwanted horizontal scroll bar appears. At least at
the moment I'm not concerned with other browsers. Can anybody tell
me how to get rid of that little guy?
I'm looking at the Validator and it is very overwealming to
me as a beginner with the code.
Any help would be great, i can post anything you may need to
figure it out, thank you very much!
This is my main index page...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml">
<head>
<title>Massattack Studios</title>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1" />
</head>
<frameset cols="*,650,*" border="0">
<frame src="left.htm" name="left" marginwidth="0"
marginheight="0" scrolling=no>
<frameset rows="100,*,25" border="0">
<frame src="head.htm" name="head" marginwidth="0"
marginheight="0" scrolling=no noresize>
<frame src="home.htm" name="MainFrame" scrolling="yes"
noresize="noresize" marginwidth="0" marginheight="0"
id="MainFrame">
<frame src="footer.htm" name="footer" marginwidth="0"
marginheight="0" scrolling=no noresize>
</frameset>
<frame src="right.htm" name="right" marginwidth="0"
marginheight="0" scrolling=no noresize>
</frameset>
<noframes><body>
</body></noframes>
</html>

In the home.htm file that loads into your main frame, change
the DOCTYPE.
CHANGE:
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"
TO THIS:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN">BTW:
"Bumbing" has no effect in the NNTP forums where most of the
answers come
from and it's just annoying to the web form user who are
patiently waiting
for a response.

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.

Scroll bar for the table

hi
      i have a scenatio where the table need
        scroll bar , so ihave used scroll container
        for the table   and i am able to view   both
      horizontal and vertical scroll var , but i need
       only verticle scroll var .
          how can this be achieved ?

hi
thanks for the quick response ,
       but its not helping me .
            i have set the width of the table less than
         scroll container .
              i need just vertical scroll bar to be visible
               no horizontal scroll bars
                  iam able to view both .

Umwanted horizontal scroll bar at the bottom of the screen

Hello,
Our application is a plug in to the Solution Manager Workcenter. The initial screen of the application
contains two tables, one below the other.
The ROOTUIELEMENTCONTAINER has a matrix layout, and both the tables' layout has been set to MatrixHeadData. Width of all has been set to 100%, and the 'stretchedHorizontally' property has been enabled.
However, I am getting a scroll bar at the bottom of the screen which is unwanted. Please suggest a way in which I can get rid of this annoying scrollbar, so that the tables are contained within the screen.
Thanks!
Shalini.

scrollbars at the bottom of the screen only appear if the contents of the screen pass the right border.
the 100% width isn't going to change this. It only defines that the table must take at least 100% of the screen, but if it needs more, it will take more.
In other words:
remove unnecessary columns to be able to keep your contents inside the screen.
btw:
if someone else works with a smaller resolution, he will have the scrollbar anyway.

Different Scroll bars in one file

I've manually customized the look and feel of the scroll bars for scroll pane component and it works fine. I've two different files that have different visual styles for scroll bars. Now I want to merge these two files meaning I want to have one file with two different styles of scrollbars co-existing. I can resolve the naming conflicts but both of the them are using same asset names and action scripts (I think in the class definition).
So basically my question if how can I have two different scroll bars implemented in one file?
Many thanks

You can make the clip that you want to play at 2 fps seem
that way by just making it longer. Alternately, you could use a
timed tween.

How can we remove the scroll bars from the table?

Hi,
I have a dynamic table. Currently the table appears with the scroll bars. But there is a requirement that the scroll bar should not appear and the table should stretch in the entire page. How can this be achieved.
Thanks in advance
Nita

Thanks Mohammad for the reply.
Was able to remove the scroll bars by using only the styleClass as AFStretchWidth. But there is a default partition in middle of the page still? Can i remove that too by any way.

The status bar is pushed up at about 3/4 of the screen, so I can view onlu firefox at about 1/4, good thing there is a scroll bar, but below the status bar is white display? can u please help me, I want to drag down the status bar so I can have a full vi

The status bar is pushed up at about 3/4 of the screen, so I can view only Firefox at about 1/4, good thing there is a scroll bar, but below the status bar is white display? can u please help me, I want to drag down the status bar so I can have a full view
== This happened ==
Every time Firefox opened

Your code is absolutely unreadable - even if someone was willing to
help, it's simply impossible. I do give you a few tips, though: If you
understand your code (i.e. if it really is YOUR code), you should be
able to realize that your minimum and maximum never get set (thus they
are both 0) and your exam 3 is set with the wrong value. SEE where
those should get set and figure out why they're not. Chances are you
are doing something to them that makes one 'if' fail or you just
erroneously assign a wrong variable!

At times when dragging the vertical scroll bar my computer screen oscillates up and down for some time before going blank or not responding to any clicks requiring a forced system restart. What is wrong?

Hi,
Suddenly while working with Firefox if I happen to drag the vertical scroll bar, a very abnormal behavior occurs. My screen dances up and down for a short time before either going black or getting restored but with no clicks working. The only way to resume is to force a restart of the system.
Any help would be deeply appreciated.
Thanks and Regards
Deepak

That didn't work. On trying to install a new driver I got the error the graphics driver could not find compatible graphics hardware. Is there anything else that can be done to at least prevent the hanging of the computer even if it means less features from Firefox being available?

Unwanted verticle scroll bar

Similar Messages

Maybe you are looking for