Question

On http://www.posterlion.com/ the left side disappears when you make the window smaller by the browser. The horizontal scrollbar appears though but I can’t get to it anymore by scrolling to the left. The content is centered through a absolute div. How do i prevent this from happening?

position:relative;left:50%;margin-left:-517px; 
width:1015px; overflow:visible; background-color: #FFFFFF; padding: 10px;

Answer 1

The best practice to centered tour layout is using margin: 0px auto instead of absolute positioning.

In your case you should remove your absolute positioning, create some div which contain all your layout (<div id='wrapper'></div> can be standard in this case) and set its margin to auto.

By:

#wrapper {
    margin: 0px auto;
    width: yourWidth;
}