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

Similar Messages

  • 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.

  • 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

  • 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.

  • Why do I have 2 Vertical Scroll Bars and 1 Horizontal one

    Can anyone tell me from the code below where I am going
    wrong. I have an AP Div inside an AP Div that has text content and
    the overflow is at Auto which gives me a horizontal scroll bar but
    also 2 vertical scroll bars instead of one in Firefox. What is the
    reason for this? I hope someone can help me - here's the code:
    <div id="apDiv6"><img src="frame.jpg" alt="Frame"
    width="518" height="335" /></div>
    <div id="apDiv23">
    <p align="left">
    <strong>Hors d'Oeuvres<br/><br/>
    </strong><strong>Soupe...........</strong><br/><br/>Soupe
    a l'oignon
    gratinée............................................
    $6.75<br />
    </strong>Onion soup<br /><br/>
    <strong>Soupe du Jour ..........................
    $5.25<br/>
    </strong>Soup of the day<br/><br/>
    <strong>Les entrées
    froides...........<br/><br/>
    </strong><strong>Huîtres du
    Jour.....................La Pièce $1.85<br/><br/>
    </strong>
    Oysters (served with Champagne shallot
    vinegar)<br/><br/>
    Salade et fromage, vinaigrette à la moutarde de
    Dijon........ $6.00<br/>
    Mixed salad with feta cheese, Dijon mustard
    vinaigrette<br/><br/>
    Salad frisée aux lardons et oeuf poché..........
    $7.95<br/>
    Frisée salad with bacon and poached egg, sherry
    vinaigrette<br/><br/>
    Salade de crabes, concombre et betterave, sauce
    aïoli......$8.50<br/>
    Crab salad with golden beet and cumcumber, aioli
    sauce<br/><br/>
    Foie gras cuit au torchon et
    toast........$14.50<br/><br/>
    Les entrées chaudes......<br/><br/>
    Moules Marinières................$9.00<br/>
    Steamed Mussels Marinieres, White Wine and garlic (Side
    French fries $2.50)<br/><br/>
    Poêle de ris de veau et épinards, jus au
    romarin..........$9.50<br/>
    Sautéed sweetbread with spinach, rosemary
    jus<br/><br/>
    Escargots de Bourgogne au beurre d'ail et
    persil..............$7.50<br/>
    Escargots from Burgundy in garlic parsley butter (plate
    6)<br/><br/>
    Les Plats<br/><br/>
    Légumes........<br/><br/>
    L'assiette végétarienne du Chef...............
    $14.90<br/>
    Chef Vegetarian<br/>
    Red beet raviolis wih parmesan cheese and seasonal
    vegetables, mushroom jus<br/><br/>
    Poisson<br/><br/>
    Pave de saumon, purée de pommes de terre et
    épinards, sauce homard et vin blanc...... $16.50<br/>
    Steamed salmon with mashed potatoes, spinach and mussels,
    white wine with lobster sauce<br/><br/>
    Filet de bar meunière, poireaux caramélisés,
    sauce grenobloise.....$16.75<br/>
    Sauteed bass served with caramelized leeks, Grenobloise
    sauce<br/><br/>
    Tronçon d'espadon legumes de saison couscous, safran
    orange sauce.... $17.95<br/>
    Sauteed swordfish with couscous and spring vegetables, orange
    and saffron sauce<br/><br/>
    Viandes et volailles......<br/><br/>
    Boeuf Bourguignon et purée de pommes de
    terre..........$16.25<br/>
    Beef Bourguignon sered with mashed
    potatoes<br/><br/>
    Suprême de poulet, ragoût de macaronis poireaux et
    chanpignons, sauce orange... $15.50<br/>
    Roasted chicken breast, leek mushrooms macaroni ragout orange
    sauce<br/>
    Lapin façon Normande............$17.25<br/>
    Rabbit Normandy served with Peruvian mashed
    potatoes<br/><br/>
    Le Cassoulet toulousain Maison...........$21.00<br/>
    Home Made Cassoulet with beans (Duck leg Confit, port,
    Toulouse sausage)<br/><br/>
    Jarret d'agneau braise 6 heures, blettes jus d'agneau et
    romarin.....$23<br/>
    Lamb shank braised for six hours served with swiss chard,
    rosemary lamb jus<br/><br/>
    New York steak, french fries, shallot red wine
    butter<br/><br/>
    </p>
    </div>
    Thank you for helping!

    Hi,
    This is a problem with firefox. It will always show
    scrollbars if the div's css property of overflow is set to anything
    except none.
    Gaurav
    www.gauravchandra.com

  • 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.

  • Table control - scroll bar

    Hello,
    There is table control in my program and screen.
    This object with created table control wizard.
    This object on scroll bar(ver.-hor.)
    I want to not see scroll bar.(visible = false)
    Pleace help me.
    Thanks.

    Hello Melih
    I do not think that we can effect the scroll bars. If the size of the screen/dynpro is sufficient to display the entire table control then there should be no scroll bar. If the screen is smaller than the table control then the GUI automatically displays the scroll bars (which makes perfect sense).
    Regards
      Uwe

  • 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?

  • I would like to know it it's possible to change the scroll bar from the right part of the firefox browser, to the left part and, if it's possible, how can it be done. Thank you!

    The scroll bar (the one used to scroll up and down any kind of website), that is normally in the right part of the firefox browser, would be of much help to me if it could sometimes be moved to the left part of the browser. Is this possible? How can it be done? Can anybody tell me the exact steps to take in order to do this (if it is possible of course)? This would be helpfull to me, since I think that the firefox scroll bar is overlaping the scroll part of the facebook chat sidebar, since I just can see a few people on this facebook chat sidebar and I can´t scroll along it, as I could a while ago. So my guess is that the firefox scroll bar is covering the other. In order to solve it in a simpler way, I guessed that if the firefox scroll bar could be moved to the left side of the browser, this problem could be solved. So, can anybody help me?

    http://kb.mozillazine.org/layout.scrollbar.side
    Type '''about:config''' in Location (address) bar
    filter for '''layout.scrollbar.side'''
    Right-click the Preference and Modify it to '''3'''
    You may need to reload any pages open to have scrollbar move to left after Preference change.

  • Help with code for inserting horizontal scroll bar in photo gallery in Business Catalyst site?

    Hi,
    I am using Business Catalyst and Dreamweaver to create a trial site.
    I am not sure if this is the correct forum to post this request but anyway I have inserted a photo gallery module at the bottom of the sidebar in the homepage of my test site.
    Can anyone advise on whether jquery or any other code can be inserted into the page or module code that will replace the "next" hyperlink below the first 4 photos with a horizontal scroll bar at bottom of the gallery so users can just scroll through all 12 images ?
    Kind Regards, Matt.
    http://craftime-bs6.businesscatalyst.com/

    Alyssa,
    Have you tried putting this rule back as it was originally:
    /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
    ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
        left: auto; /*was 9px*/
        color: #EF9CCF;
        background-color: #FFF;
    That is, changing your 9px back to auto.
    And giving  us a link (as you did) is much better than printing out the code for us! Thanks!
    Beth

Maybe you are looking for