WordPress.org

Support

Support » How-To and Troubleshooting » [Resolved] Browser Zoom Problem

[Resolved] Browser Zoom Problem

  • My blog has a set width for the posts and an image for the background outside. My problem is that I want it to appear on all other browsers as it does on my browser, which is WITH it showing spaces on the sides so people can see the background image on the sides.

    The problem is that on a lot of browsers I try on other computers it has the white space for text take up the ENTIRE width of the screen and I can only see the background image on the top behind the logo. I have to zoom out with the browser twice to get it to look like it does on my computer.

    Is there a way I can show it the way I want on ALL browsers without visitors having to zoom out? Is there some sort of zoom out code I can use?

Viewing 12 replies - 1 through 12 (of 12 total)
  • esmi

    @esmi

    Forum Moderator

    Not unless you invite everyone around to use your browser.

    Seriously, there are an estimated 300 different web browsers out there. Try to get absolute pixel-perfect positioning on every one of them is a complete non-starter. And that’s even without getting into issues such as different screen resolutions or variable browser scrollbar settings that reduce the available viewport width.

    Yeah, I don’t need pixel-perfect conditions, I just need the sides to not go out all the way. Could people please post here whether they see space with a colored background images on the sides or if they just see it on top? Thanks.

    esmi

    @esmi

    Forum Moderator

    Url? 🙂

    HA! sorry. it’s http://www.ragnarockmusic.com/

    esmi

    @esmi

    Forum Moderator

    I see very little of the background in Firefox 3 and none in IE7 – both at 1024px. Both have a horizontal scrollbar The problem appears to be that you’re using a fixed width design with an overall width of 1005px – which is too wide for the browser viewport on a 1024 screen. You could either drop all of your widths down by approx 50 pixels (including your sidebar) or, even better, switch to a flexible-width design where all widths are specified in percentages.

    I see it fine in IE5.5, IE6, IE7, IE8 and Firefox 3. Few formatting problems in IE5.5 but i see the background ok…

    Smaller window the background is of course hidden though since the content is fixed..

    esmi

    @esmi

    Forum Moderator

    @t31os: You using a 1280 screen?

    Indeed 🙂

    esmi

    @esmi

    Forum Moderator

    @aesamattki: See – what you’re hitting up against isn’t just different browsers but different screen resolutions/sizes. With a fixed-width theme (which yours is), the latter can become a major headache. I tend to prefer flexible-width designs for this reason but, in your case, if you want to keep the fixed width, drop all of the container widths as I’ve suggested above. The site should then look OK in 1024 screens or above – which is the vast majority of the desktops right now. There are some people still using 800px resolution out there who won’t see much (if any) of the background) and who will have to scroll horizontally to see the full page width. But, at the end of the day, only you can decide if that’s an acceptable “loss”.

    http://www.w3schools.com/browsers/browsers_display.asp
    Majority of surfers have a higher screen size then 1024 in 2009…

    Just so i can poke my tongue out … at esmi… 😛

    okay thanks! sounds good. my school probably just uses crappy computers then 😉

    esmi

    @esmi

    Forum Moderator

    Majority of surfers have a higher screen size then 1024 in 2009…

    w3schools.com is a tech site, so you’d expect higher end kit. Compare it with:

    http://www.thecounter.com/stats/2009/March/res.php

    which, I believe, is gathered from a far more generalised audience.

    (Score: 1:1)

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘[Resolved] Browser Zoom Problem’ is closed to new replies.
Skip to toolbar