We help IT Professionals succeed at work.

We've partnered with Certified Experts, Carl Webster and Richard Faulkner, to bring you two Citrix podcasts. Learn about 2020 trends and get answers to your biggest Citrix questions!Listen Now

x

Designing web pages for different resolutions

Medium Priority
214 Views
Last Modified: 2013-12-04
What's the best way to design a moderate/high graphic intensive website so that it's compatible with multiple screen resolutions? Are there any tricks people use to do this?
Comment
Watch Question

There are a number of different tricks you could use ehre

The best way to do this is to design a site (I'm guessing using CSS...) that uses percentages instead of fixed values for selector properties.  Eg width=90% instead of width=690px.  You would want to design this on your minimum target resolution (800x600 or 1024x768) so you know the site looks right.  Using this technique should make it so it scales pretty well.  

You could also design a site for 1024x768, and then people with higher resolutions will be able to view it fine along with those with lower resolutions.  This is probably what I'd do becase you get most control over the layout.

Now to really answer your question the way you wanted it answered ;)

<SCRIPT language="JavaScript">
<!--
if ((screen.width>=1024) && (screen.height>=768))
{
 window.location="highres.html";
}
else
{
  window.location="lowres.html";
}
//-->
</SCRIPT>

Is a javascript example that will let you send users to different versions of pages based on screen resolution.  Lot of work though :)

Not the solution you were looking for? Getting a personalized solution is easy.

Ask the Experts

Author

Commented:
Would you say the "future" of web design is to design sites for 1024x768 and not care about 800x600?

Thanks for the help by the way.

Already thought about the javascript way you mentioned but yes, that's A LOT of work... especially if I want my client to be able to update certain sections themselves.
1024x768 is a safe resolution.  You'll be knocking out a very select few you are still running 800x600 ...but if you design yoursite for 800x600 you'll be annoying the other 95% who will be wondering why your site seems to be so small.

Author

Commented:
Thanks.
Access more of Experts Exchange with a free account
Thanks for using Experts Exchange.

Create a free account to continue.

Limited access with a free account allows you to:

  • View three pieces of content (articles, solutions, posts, and videos)
  • Ask the experts questions (counted toward content limit)
  • Customize your dashboard and profile

*This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

OR

Please enter a first name

Please enter a last name

8+ characters (letters, numbers, and a symbol)

By clicking, you agree to the Terms of Use and Privacy Policy.