Web pages too wide for Safari and Chrome

It seems to be just fine for me in Chrome 38.0.2125.104 and Safari 8. Which versions of Chrome and Safari were you using?

Thanks for your reply, James. I guess this is good news that it looks ok from your end. I am using Safari 7.1 and Chrome 38.0.2125.104.

I thought I had unknowingly zoomed in, causing the zoomed view to be too large for the browser, but I checked this in both browsers and this is not the case.

Could it be the page width setting (1100px)? Do I even need a page width setting?

Thanks!

It depends on the theme really. Any good theme should have a minimum and maximum width, even if it’s responsive.

Some themes don’t have a maximum width, but imaging a screen the size of the wall in your office, then imagine your site stretched across that, and you’ll see why I like maximum width declarations. ??

Just for comparison, here’s what I see in Chrome 38: https://cloudup.com/cJ2yA2vM7vL (I scrolled down a bit to show the image layout).

Have you tried clearing your browser’s cache?

Yes, I have cleared my browser cache but still have the problem.

Thanks for the screenshot. It helped me to see there is something wrong with the way the page is displaying. I didn’t notice it on my own screen.

The slider pic is supposed to go all the way to the edge, but it doesn’t. On my screen, it does, but I have the extra white space to the right on every page.

I have tried adjusting the page width (from 1100 to 850), which eliminates the white space but makes the overall page width seem to narrow (too large a margin on both sides.)

I figured out a solution. Placing this code in the stylesheet eliminated the problem.

html, body {
    max-width: 100%;
    overflow-x: hidden;
}

Everything looks good now.

Thanks!

Excellent, I’m glad you found a solution, and thanks for sharing it here!