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.
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.
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).
Users Browsing this Thread
There are currently 1 users browsing this thread. (0 members and 1 guests)