WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Browser Zoom Problem (13 posts)

  1. aesamattki
    Member
    Posted 5 years ago #

    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?

  2. esmi
    Forum Moderator
    Posted 5 years ago #

    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.

  3. aesamattki
    Member
    Posted 5 years ago #

    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.

  4. esmi
    Forum Moderator
    Posted 5 years ago #

    Url? :-)

  5. aesamattki
    Member
    Posted 5 years ago #

  6. esmi
    Forum Moderator
    Posted 5 years ago #

    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.

  7. t31os
    Member
    Posted 5 years ago #

    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..

  8. esmi
    Forum Moderator
    Posted 5 years ago #

    @t31os: You using a 1280 screen?

  9. t31os
    Member
    Posted 5 years ago #

    Indeed :)

  10. esmi
    Forum Moderator
    Posted 5 years ago #

    @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".

  11. t31os
    Member
    Posted 5 years ago #

    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... :-P

  12. aesamattki
    Member
    Posted 5 years ago #

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

  13. esmi
    Forum Moderator
    Posted 5 years ago #

    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)

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.