Still celebrating National IT Professionals Day with 3 months of free Premium Membership. Use Code ITDAY17

x
?
Solved

Designing web pages for different resolutions

Posted on 2006-10-25
4
Medium Priority
?
201 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
  • 2
4 Comments
 
LVL 1

Accepted Solution

by:
Stefanussen earned 2000 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

Build and deliver software with DevOps

A digital transformation requires faster time to market, shorter software development lifecycles, and the ability to adapt rapidly to changing customer demands. DevOps provides the solution.

Question has a verified solution.

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

In this post we will learn different types of Android Layout and some basics of an Android App.
If you are a mobile app developer and especially develop hybrid mobile apps then these 4 mistakes you must avoid for hybrid app development to be the more genuine app developer.
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 …
Starting up a Project

661 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