Advertisement
If you have a new account but are having problems posting or verifying your account, please email us on hello@boards.ie for help. Thanks :)
Hello all! Please ensure that you are posting a new thread or question in the appropriate forum. The Feedback forum is overwhelmed with questions that are having to be moved elsewhere. If you need help to verify your account contact hello@boards.ie

Div moves when browser resized

Options
  • 23-12-2010 12:12am
    #1
    Placebo
    Registered Users Posts: 8,070 ✭✭✭


    Hey Guys, Brains gone to mush from working so much
    simple site

    #wrap
    {
    width:960px; margin-left:auto; margin-right:auto;
    min-height:854px;
    }

    <div id="wrap">
    //SITE STUFF IN HERE
    </div>



    some pages, content is longer, so height would be 1300px for example. So pages with a scroll bar, the div shifts to the left a bit !?
    and obviously u can notice the shift when u go to different pages though out the site.

    EDIT: knew my brian was mush, its obviously shifting because scroll bar is being renders and thus the canvas width is changing.
    Possible fix :
    html
    {
    overflow:scroll;
    overflow-x: hidden;


    -ms-overflow-x: hidden;
    }
    or some smart jquery
    http://stackoverflow.com/questions/258372/css-div-element-how-to-show-horizontal-scroll-bars-only


Advertisement