Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 203
  • Last Modified:

Designing web pages for different resolutions

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?
0
victornegri
Asked:
victornegri
  • 2
  • 2
1 Solution
 
StefanussenCommented:
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 :)
0
 
victornegriAuthor 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.
0
 
StefanussenCommented:
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.
0
 
victornegriAuthor Commented:
Thanks.
0

Featured Post

Free Tool: IP Lookup

Get more info about an IP address or domain name, such as organization, abuse contacts and geolocation.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

  • 2
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now