Solved

Designing web pages for different resolutions

Posted on 2006-10-25
4
197 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

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.

Question has a verified solution.

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

This article is meant to give a basic understanding of how to use R Sweave as a way to merge LaTeX and R code seamlessly into one presentable document.
Displaying an arrayList in a listView using the default adapter is rarely the best solution. To get full control of your display data, and to be able to refresh it after editing, requires the use of a custom adapter.
Viewers will learn how to properly install Eclipse with the necessary JDK, and will take a look at an introductory Java program. Download Eclipse installation zip file: Extract files from zip file: Download and install JDK 8: Open Eclipse and …
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…

792 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