I have an issue with a theme that is driving me crazy. I think maybe I have just looked at it for too long and could use a fresh set of eyes.

This is one of the problem pages: http://everymind.org/training
Also: http://everymind.org/technology-services and http://everymind.org/our-people

This is one of the pages that works properly:
http://everymind.org/about-us

As you can see when you switch between the pages, those three up above all move over some. All three are using the same template files and css and should not move.

When I remove the width on the table on the training page, the page moves back over (but then items stick out of the table).

When I remove the text after the graphic on the technology-services page, the page moves back over.

I've been searching through css and everything and haven't found the issue. I was hoping maybe a fresh set of eyes could give it a look and maybe find what is hiding from me?

Thanks!

Comments

dnewkerk’s picture

It's actually not a bug at all... though when I first ran into this I thought so too. The issue is that the scrollbar at the right of the page is only appearing when necessary, which is the default behavior (only show a scroll bar when there's more content than can fit). So on your longer pages, the scrollbar kicks in, and it takes up a small percentage of extra space on the screen, making everything shift.

Here's the solution: http://css-tricks.com/snippets/css/force-vertical-scrollbar/

jsimonis’s picture

OMG, I want to hug you right now! I've been going crazy trying to figure this one out. I'm so used to longer pages, I think that's why this didn't come up before.

dnewkerk’s picture

Glad I could help :) I can totally relate... I must have pulled out a fair share of hair myself on this issue when I first noticed it (on the evening of a deadline of course).

jsimonis’s picture

Of course it was on the eve of the deadline.

This was my one last thing to fix on the site and then I was all done.