Screen resolutions
Hi All,
I thought I would share with you the thoughts of a friend of mine on designing for screen resolutions. I was busy asking people about which resolution they preferred to design for. This was my friends reply which I thought he explained very well.
I always design to 800 x 600 (it used to be 640x480) - this way if people are using the bigger resolution and use their browser to display links on the left of the page it still fits in the window space.
A nifty little trick is also to make sure your width is not actually 800x600 - make it between 740-760 pixles - that way allowing better cross-browser performance - some browsers start to horizontal scroll above 760 wide.
The 800 model is the most widely accepted , although in a year or so time this will change, however :
you dont want to any horizontal scrolling - big no no
by designing to the larger size you are effectivley forcing users down a cul-de-sac
if you are going for a liquid design - make sure all your main content fits within 760
keep an eye on : Browser Stats
Hope this helps someone.
Best wishes
Graeme
- Login to post comments

Hi Graeme,
Thanks for sharing.
I think with the popularity of smaller devices like PDAs and mobile phones to access the Internet we'll be dealing with smaller screen resolutions like 240x320.
Although capmex.biz has a liquid layout and can adapt well to different screen sizes, our page is optimized for 800x600 and higher resolutions. I have plans to add better support for smaller devices using an alternative stylesheet, the media type is "handheld" and belongs to CSS 2, this media type was intended for handheld devices with small screens, monochrome and limited bandwidth, which is no longer true because we are seeing new PDA devices with 64k color support and wireless high speed connections. And although this standard is not widely supported it'll be a step forward to make our site more accessible.