• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 676
  • Last Modified:

Shifting elements within site pages

I'm getting a slight shift of all the content on 2 of the pages within my site.

Here's a link, and RESUME and REVIEWS are two pages shifting to the left compared to the other sections.

http://www.kayamulkowska.com/2012PortfolioConcepts.html

Help is appreciated.
0
KayaWasTaken
Asked:
KayaWasTaken
1 Solution
 
Chris StanyonCommented:
The shift is caused by the addition of a vertical scroll bar on the right. If a page is shorter than your screen, you don't have a scrollbar. A soon as you visit a page that is longer, a scrollbar is added, and that reduces the width by about 20px, causing the page to shift slightly.

A 'fix' for this is to force a scrollbar on every page, irrespective of the page length, You can do this by forcing the page to be at least 1px longer than the screen. Add the following to your CSS file:

html {
	min-height: 100%;
	padding-bottom: 1px;
}

Open in new window

0
 
KayaWasTakenAuthor Commented:
Gosh, I cannot believe I didn't see that (and I'm pretty sure I wouldn't have without your eagle-eye)... Thanks for the help!
0

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Tackle projects and never again get stuck behind a technical roadblock.
Join Now