Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 2 of 2
  1. #1
    Junior Member
    Join Date
    Jan 2011
    Posts
    8
    Member #
    26315
    I have a problem that I can't figure out to solve:

    Example page: Cara Projects : Erik Desombere | Grafische Vormgeving.

    If the window size is smaller, there are 2 vertical scrollbars that appear at the right side of the window:
    - one for the long menu
    - one for the images in the content

    I tried out some things in firebug, but really can't find how to keep only one scrollbar.

    Who can help me out here?

    Thanx a lot!!


    PHP Code:
    <body class='section-<%section_id%>'>


    <
    div id='the-background'><plug:full_background />
    </
    div>

    <
    div id='menu-background'>
    </
    div>

    <
    div id='menu-transparency'>
    </
    div>

    <
    div id='wrapper'>

    <
    div id='wrapper-content'>

    <
    div id='content'>
    <
    div class='container'>

    <!-- 
    text and image -->
    <
    plug:front_exhibit />
    <!-- 
    end text and image -->

    </
    div>
    </
    div
    </
    div>
    </
    div>

    <
    div id='wrapper-menu'>

    <
    div id='menu'>
    <
    div class='container'>

    <%
    obj_itop%>

    <
    plug:front_index />
    <%
    obj_ibot%>

    </
    div>    
    </
    div>
    </
    div>    

        

    </
    body


    Code:
    /*STANDARD HTML TAGS RESET*/
    /******************************/
    body, h1, h2, h3, ul, li, form {border:0; margin:0; padding:0; font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #A0A0A0; }
    body {background-color:black;}
    p {border:0; margin:0; padding:0; font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #A0A0A0;}
    
    /*STRUCTURE*/
    /******************************/
    #the-background{z-index: 0; position:fixed;width:100%;height:100%;top:0;left:0;}
    #menu-background {z-index: 1; width: 300px;  top: 0; bottom: 0; left: 0; position: fixed; height: 100%; background-color:white ;}
    #wrapper {z-index: 2; position: absolute;width: 100%;height: 100%;top: 0;left:0;}
    #content {z-index: 6; position: relative; padding: 0px; height: auto; margin: 60px 0 0 300px;}
    #menu-transparency {margin: 0; z-index: 8; width: 300px; height: 100%; background-color:white; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;position: fixed;}
    #wrapper-menu {z-index: 10; width: 100%; height: 100%; position:fixed; }
    #menu {width: 100%; overflow: auto; top: 0; bottom: 0; left: 0; position: fixed; height: 100%; }
    #menu .container {margin: 60px 0 0 10px;  }

  2.  

  3. #2
    Senior Member Dorky's Avatar
    Join Date
    Jun 2009
    Location
    Destin Florida
    Posts
    1,430
    Member #
    19103
    Liked
    4 times
    tom, you have already started a thread on this. i will go look at the original and post there.

    while($get_it !== true){ continue; }


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

Search tags for this page

scrollbar doubling up in our css

Click on a term to search for related topics.
All times are GMT -6. The time now is 04:10 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com