Different Screen resolutions and background image

9 replies
  • |

I am getting a site designed at Development

I also found a site that tests how a site looks like in different screen resolutions.
Screen resolution simulator

To be able to see the whole site I would need to have a resolution 1680X1050 OR else
the background image isnt fully visable. I personally have 1440X900 and I dont know what the most common resolution is ? What to do in this situation ?

Related Plugins I found:
WordPress › WP Themes by Screensize « WordPress Plugins

Should I get a WP plugin or what to do ?
#background #image #resolutions #screen
  • Profile picture of the author RobinInTexas
    You don't want to have a site that "requires" a screen higher than 1024 x 768. There are too many people that don't use higher resolutions. My monitor has a resolution of 1680x1050, but my browser window is usually noticeably smaller, and I would be annoyed if a site I visited did not render properly.


    ...Even if you're on the right track, you'll get run over if you just set there.
    {{ DiscussionBoard.errors[8394803].message }}
  • Profile picture of the author yestyle
    Screen resolutions more and more higher then background image more and more smaller about dimension
    {{ DiscussionBoard.errors[8394824].message }}
  • Profile picture of the author Istvan Horvath
    and I dont know what the most common resolution is ?
    That's why people invented the stat scripts, so that they KNOW what THEIR visitors are using for browsing: OS, browser, resolution etc.

    {{ DiscussionBoard.errors[8394974].message }}
    • Profile picture of the author myyoulo
      I will look into stat scripts and see what action to take after that.

      So when I know the different screen resolution of a visitor I load an appropriately
      sized background image ?
      {{ DiscussionBoard.errors[8395354].message }}
  • Profile picture of the author mojojuju
    Media queries might be of help here.

    This might be some help css - Media queries and background images - Stack Overflow

    This could help you How To: Resizeable Background Image | CSS-Tricks


    {{ DiscussionBoard.errors[8395446].message }}
  • Profile picture of the author myyoulo
    Mojojuju, thanks but I am really a code illiterate.

    I dont really know how to solve this. The background image is 1900X1200.
    I like that vampire woman to be on the side of the content no matter which
    screen size a visitor has.
    {{ DiscussionBoard.errors[8395839].message }}
  • Profile picture of the author mojojuju
    I don't know what your site looks like and I don't know what you mean about the vampire woman.


    {{ DiscussionBoard.errors[8396423].message }}
    • Profile picture of the author myyoulo
      If you click the link "Development" in my first post you get to the design site. It has changed a little bit since last time.

      Ideas and feedback are welcome for the design, thanks.
      {{ DiscussionBoard.errors[8403627].message }}
  • Profile picture of the author AskForeman
    As long as the basic site design is at 1024px wide and the image is centered with a background that bleeds into the background colour then you are fine. In your case, if you have the background as #000 then blend the image in, whatever the visitors screen size if will look fine.

    EDIT: Unless your site design is dynamic, which I have just noticed it is. I just tried it on 1024 x 768 and 1920 x 1080 and it looks good on both.
    {{ DiscussionBoard.errors[8404965].message }}

Trending Topics