Solved

Designing web pages for different resolutions

Posted on 2006-10-25
4
196 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?
0
Comment
Question by:victornegri
  • 2
  • 2
4 Comments
 
LVL 1

Accepted Solution

by:
Stefanussen earned 500 total points
ID: 17813686
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
 
LVL 10

Author Comment

by:victornegri
ID: 17826588
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
 
LVL 1

Expert Comment

by:Stefanussen
ID: 17849614
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
 
LVL 10

Author Comment

by:victornegri
ID: 17860512
Thanks.
0

Featured Post

Optimizing Cloud Backup for Low Bandwidth

With cloud storage prices going down a growing number of SMBs start to use it for backup storage. Unfortunately, business data volume rarely fits the average Internet speed. This article provides an overview of main Internet speed challenges and reveals backup best practices.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

A short article about problems I had with the new location API and permissions in Marshmallow
Performance in games development is paramount: every microsecond counts to be able to do everything in less than 33ms (aiming at 16ms). C# foreach statement is one of the worst performance killers, and here I explain why.
An introduction to basic programming syntax in Java by creating a simple program. Viewers can follow the tutorial as they create their first class in Java. Definitions and explanations about each element are given to help prepare viewers for future …
In this seventh video of the Xpdf series, we discuss and demonstrate the PDFfonts utility, which lists all the fonts used in a PDF file. It does this via a command line interface, making it suitable for use in programs, scripts, batch files — any pl…

810 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question