Just add this little nugget to your HTML element in your CSS file:
Done! This can be a very frustrating problem for people that don’t quite see exactly what is causing the page shift.
That’s a good one, I haven’t used that before I don’t think. It’s a tricky subject actually. Since some browsers experience the "jump" between not having a scroll bar and having a scrollbar (on centered sites) and some do not.
The technique I typically use is:
…which actually doesn’t validate (who cares).
A while back I tried a bunch of different ways:
http://css-tricks.com/eliminate-jumps-i … croll-bar/
hehe me too :) and no it dosnt validate lol
But doesn’t that apply to all browsers? IE, for example, doesn’t need that. It will automatically show a scroll bar regardless of content height. Not 100% sure what Safari does.
nope, got it working. all is good. thanks for the sollution
Sweet guys. This is brilliant. I had no idea.
Both options listed in this thread don’t validate:
btw, is there a way to say that your CSS file is css3?
Nope, but I wouldn’t be surprised if it popped up in the future.
In the meantime we’ll just have to do
I’m sure everyone knows this by now, but…
<a href="http://jigsaw.w3.org/css-validator/check/referer?profile=css3">Valid CSS 3</a>
You must be logged in to reply to this topic.
*May or may not contain any actual "CSS" or "Tricks".