Please help me with the scroll bar.

Discussion in 'Web Design and Development' started by weenterbear, Jul 31, 2012.

  1. weenterbear macrumors newbie

    Jan 27, 2012
    I can't really figure out why I get the vertical scroll bar when it doesn't have any long contents. I doesn't show up in the index page, but the project pages show the scroll bar. I had overflow hidden to avoid that, but I don't want to do it because it might be cut off on smaller screen.

    If it helps, I used Fancybox for project pages.
    Thanks for your help.

    background-color: #c3c3c3;
    overflow-x: auto;
    overflow-y: auto;
  2. mikelegacy, Aug 1, 2012
    Last edited: Aug 1, 2012

    mikelegacy macrumors 65816


    Dec 5, 2010
    Pittsburgh, PA
    If you inspect your page, the div
    <div class="page">
    is displaying at the very bottom of your page. It's a bit wierd why it's down there, as it's not positioned at the bottom, and there doesn't seem to be any CSS rules on it at all.

    <div class="gallery-images-2">
    is pushing down that whitespace area about 250-300 pixels as well.

    .gallery-images-2 ul {
    list-style-type: none;
    position: relative;
    width: 550px;
    height: 300px;
    top: -190px;
    left: 95px;
    You are positioning the UL relative in the proper spot, rather than positioning it's parent (the GALLERY-IMAGES-2 DIV)

    I would remove the positioning from the UL and add it to the DIV, and that will reduce the size of that whitespace. I didn't look for too long, but I didn't see why that PAGE div is so far down the page. Something is pushing it down there, but again, i didn't see any rules on it.

Share This Page