Tom's Guide | Tom's Hardware | Tom's Games
![]() |
![]() |
![]() |
Name: Jamie_McCoy
How do u web designers tackle clients screen resolutions when viewing your websites
we all know u can design a website on a 800*600 screen and it look class, but as soon as its viewed on 1024*768 everythings in the wrong place etc
so how do you go bout it?

jamie,
2 ways, 1) use a sniffer to detect the screen resolution or 2) enclose your entire in page in a one cell table that's centered. With method #1 you need to have your sight designed for each resolution and with method #2 you'r sticking with the standard 800x600 but at least it stays together the way you designed it and is centered on their screen. Most clients won't want to spend the extra money to go with option # 1 so most designers i know go with option #2.
Just put the first code after your BODY tag and the second part before your closing BODy tag:
==================================
<center><div align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr><td>
====================================================================
</td></tr>
</table>
</div></center>
==================================
ciao,
wired

Plan your website for the smallest resolution you plan to support. All larger resolutions will obviously fit everything onscreen. Most website design is all about sacrifice for the user's convenience.
"we all know u can design a website on a 800*600 screen and it look class, but as soon as its viewed on 1024*768"
It does not have to be that way. Align everything from the top and the left or the bottom and the right. Search for some good CSS templates to use and play with them at different resolutions.

Consider tayloredpropertiesonline.com. Although it's not winning any beauty contests (I'm a programmer, not a graphic designer), it is designed to look good and fill up the screen at any resolution or window size (above and including 640x480). (I'm not responsible for the bg graphic on the front page...)
The trick is, as anonproxy already mentioned, aligning things in places where the browser can do the work for you and adjust appropriately.
I have never used what wired refers to as a "sniffer" (which I assume is just a javascript that detects the window size and selects an appropriate .css or something similar), but if I was desperate and working on a site that needed precise graphics, I would probably do it. Fortunately, I typically tell people who need intense graphics and no server-side programming to go somewhere else...
-SN

I plan mine for 800*600 broadly, then use the dynamic width table method. This ensures the majority of users can view it without that horizontal scrollbar. As for the others, get a bigger screen.
We cannot support everything out there, so don't even try, and just go for the most common. Otherwise with multiple pages and sniffers which fail on the wrong browser, the site will get bogged down and become a pain to update.
I also put as much as possible into the CSS template to keep the pages light and fast, then use includes to fetch common elements such as menus and page top sections. Finally I make sure the pages meet W3C standards, so any remaining anomalies are the fault of the visitor's browser and not my code.
That's it, the full extent of a webmaster's responsibility. You would never translate a book you wrote into some obscure minority language just to satisfy a few readers, so why do it with a web site? As long as you provided for the mainstream and most common, you did your job fully.

![]() |
![]() |
![]() |

This post is quite old and has been locked from receiving new replies. Please create a new posting instead.
| Ads by Google |