Question

#wrapper {
width: 896px;
margin: 0 auto;
padding-top: 760px;
padding-left: 48px;
padding-right: 48px;
color: rgb(60,60,60);
-webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */
overflow:hidden;
}

I’m using Less Framework 4 which is working fine. The only problem is when I re-size the window down a horizontal scrollbar pops up mid-sizing then goes away. I’ve narrowed it down to my #wrapper DIV as once removed, everything’s fine. It seems to be the width but I need a width set as the body is (obviously) 100%. Help!

Answer 1

Try using max-width. That will let it shrink down below the value, but not above.

Hope that helps 🙂