www.webdeveloper.com
Results 1 to 4 of 4

Thread: Solutions for dealing with different screen resolutions?

  1. #1
    Join Date
    Mar 2010
    Posts
    78

    Solutions for dealing with different screen resolutions?

    I've got a Web-based App. that I've developed in 1680 x 1050 and I have some users in 1280 x 768, etc. The higher resolution is nice for this App., because it gives me more screen real-estate to take advantage of the newer rectangular screens. But, when a user in 1024 x 768 displays the screens, a good portion of the content is outside the viewable area of their screen.

    Is there a clever way to set up my site so that my web pages will look good in most modern resolutions; i.e. 1024 x 768 and above?

    I know I can re-work things to display at a minimum common denominator, kind of thing; or I could have multiple copies of my site
    at different resolutions (which I really don't want to do) and do js resolution-sniffing.

    But, I'm wondering if there's a better way. I do have a lot of AP elements and I'm not certain that making the pages liquid with percentage widths, etc. will solve this particular problem.

  2. #2
    Join Date
    Jan 2009
    Posts
    3,346
    Use min-width and fluid measurements (em, %). This is all done using CSS, there is no need to use Javascript to accomplish that.

  3. #3
    Join Date
    Mar 2010
    Posts
    78
    Thanks for the suggestion. I had thought about doing that, but I wondered whether liquid screens might be a little different than a screen resolution issue. Maybe I will give this a try and see if it works.

  4. #4
    Join Date
    Jan 2009
    Posts
    3,346
    What we have been doing at work is using a specific width for our "sidebar" based on the font size (em value) then having our main content expand to fill the rest of the area (less 10% negative space on the sides).

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles