CODEWITHSUNDEEP
jquerycssgoogle-chromescrollbaroverflow
Ji Shi
Ji Shi

Reputation: 9

Vertical scroll bar appears only in Chrome

I built a site and local file works fine. The page mysteriously appears vertical scroll bar only in Chrome. Firefox and IE works fine. Very confused. It would be great if someone can help. The site is here problem site if you hover to right hand image slide area, chrome will show vertical scroll bar which is not supposed to show.

Upvotes: 0

Views: 1521

Answers (1)

Andy Huynh
Andy Huynh

Reputation: 119

You are putting a fixed width and height on your #pagewrap which is making your page have both vertical and horizontal scrolling because the content is bigger than the screen.

Try setting your body and html to width: 100%; height: 100%; and then for each of your columns, set the width to a percent, which should total up to 100%. Then, set the height of all of your columns to 100% and add overflow: auto;

Here's a fiddle of it in action: https://jsfiddle.net/v691zLfb/

Upvotes: 1

Related Questions