Advertisement
Help Keep Boards Alive. Support us by going ad free today. See here: https://subscriptions.boards.ie/.
If we do not hit our goal we will be forced to close the site.

Current status: https://keepboardsalive.com/

Annual subs are best for most impact. If you are still undecided on going Ad Free - you can also donate using the Paypal Donate option. All contribution helps. Thank you.
https://www.boards.ie/group/1878-subscribers-forum

Private Group for paid up members of Boards.ie. Join the club.

Div moves when browser resized

  • 23-12-2010 12:12AM
    #1
    Placebo
    Registered Users, Registered Users 2 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