justlukeyou — 2013-05-10T15:28:29-04:00 — #1
I have designed a page which is taller than a single screen and it works fine. However, when the same design is shorter than the screenheight the page sits the left by just a few pixels.
It means that if if a click through my site the page is not always strange,
Is their a method of ensuring a page is at least the height of the screen?
Some pages will be different heights as the content is echoes from a database. One page could 20 screens tall whilst another is currently half a screen height tall.
Any suggestions on how to fix this please?
paulob — 2013-05-11T17:45:45-04:00 — #2
I guess you are talking about the fact that on some browsers the vertical scrollbar isn't present unless its needed which is why the screen shifts on longer pages because the vertical scrollbar has popped into place.
You can force the issue with this CSS:
That will ensure the scrollbar is always present.
justlukeyou — 2013-05-12T10:54:36-04:00 — #3
Thanks mate, that sorted it.