The main page of my website is http://jennladermandesigns.com and the page that shifts to the left is http://jennladermandesigns.com/portfolio. I have looked at all parts of both pages and compared them against one another and nothing is different between the 2 pages. I also found that the shifting was only occuring in older versions of browsers
Asked
Active
Viewed 79 times
-1
-
1Can you elaborate on what you mean by "shifting a few pixels?" – mituw16 Jun 02 '15 at 18:52
-
What is shifting? I see that on the portfolio the content is getting pushed down because the portfolio has that submenu. – vcsjones Jun 02 '15 at 18:53
-
incomplete question. you must provide more details about the 'shifting' – Shan Jun 02 '15 at 18:54
-
1The "work" page does not have a scroll bar on the side, whereas the other pages do. The layout adjusting to this is causing the shift. Try zooming out so that all the content fits on one page, then compare. – Reinstate Monica -- notmaynard Jun 02 '15 at 18:55
-
The fix, I suppose, would be to make sure the whole page fits in the window, or to set `overflow-y` to either `scroll` or `none` on all pages (in the case of `none` you'll need to figure out some other way to show overflow). – Reinstate Monica -- notmaynard Jun 02 '15 at 19:03
-
1Find your answer here http://stackoverflow.com/questions/1417934/how-to-prevent-scrollbar-from-repositioning-web-page – connexo Jun 02 '15 at 19:05
-
thank you everyone, @kevinboucher the code worked – Jenn Laderman Jun 03 '15 at 16:04
1 Answers
0
Add this to your CSS:
html { overflow-y: scroll; }
This will leave space for the scrollbar even when it is not required.
Kevin Boucher
- 16,426
- 3
- 48
- 55