Best width for a site ??

phoog

Free Member
Jul 23, 2006
147
6
North Devon
I'm playing with the layout of my site and don't really know what the best width to go for is, I currently using 840 so as not to exclude 800px resolutions, anyone know what the optimum is etc etc
I can't use a fluid/moving width without huge amounts of work so thats out.

any advice gratefully received
Steve
 
If using a fixed width I tend to use 778px so it is compatible with the 800x600 and also takes into account the scrollbars on Firefox.
 
Upvote 0
Yes, of course - I have a personal dislike for 'wide' sites. Too much room for 'clutter'. Plus by using such a size, the site can be viewed by all.

You will get a horizontal scroll in all browsers if that big.

Even though you have 800 wide to match the res you need to take into account the vertical scroll bars.
 
Upvote 0
Hi guys

I'm having a similar dilema myself and have read a bit about it- not that it makes any sense to me lol. Maybe you could help? I'm great with photoshop but usually just use it for design purposes and not for web images. However, I now want to design and build an ebay template using photoshop but don't know what size (pixel or cm width) to use. I assume there will be no restrictions on the height but there must be a restriction as to the width? Any ideas anyone? I'd be really grateful for any advice you can offer.

Many thanks
Nickie x
 
Upvote 0
Hi guys

I'm having a similar dilema myself and have read a bit about it- not that it makes any sense to me lol. Maybe you could help? I'm great with photoshop but usually just use it for design purposes and not for web images. However, I now want to build an ebay template using photoshop but don't know what size (pixel or cm width) to use. I assume there will be no restrictions on the height but there must be a restriction as to the width? Any ideas anyone? I'd be really grateful for any advice you can offer.

Many thanks
Nickie x

to start with I would use pixels not cm as the resolution is measured in pixels and not cm.

and for an ebay template I have made them 750px or 90% wide before. Depending on what the requirements are.
 
Upvote 0
Hi Many thanks for the lightening quick reply- you're a star! I guess I'll just have to play around with thing a bit to get it right. It's a bloomin pain though because there's nothing to test it in (or not that I know of anyway) so I guess I'll just have to go through the nightmare of pretending I want to sell something everytime I want to preview it!!!

Many thanks
Nickie x
 
Upvote 0
I like my wide screen laptop screen filled.

When I see 800 by 600 sat in the middle or to the left it looks a bit poxy.

Not my area but some sites seem to alter their display to fit the screen width. So it is possible.
 
Upvote 0
Fair enough. Are you aware your site doesn't actually fit on an 800x600 screen setup, it requires horizontal scrolling.

d

It's true - thanks for that observation. But the amount of horizontal scrolling is very little. Still though, a valid point and it has prompted me to rethink my standard sizing.
 
Upvote 0
I will always try to specify width in % rather then making it a fixed pixels :)

and I tend to go for 760pixels wide to allow for scroll bars in all browsers.
(it also shows a sneaky edge of the background colour) :)

ames.
 
Upvote 0
We tend to carry out an analysis of the content requirements, the clients needs the expected requirements and screen resolutions of the end users and then make an informed judgement based on these facts.

But we are old fashioned like that ;)

d
 
Upvote 0
We tend to carry out an analysis of the content requirements, the clients needs the expected requirements and screen resolutions of the end users and then make an informed judgement based on these facts.

But we are old fashioned like that ;)

d

since when did user requirements matter - ;)
 
Upvote 0
I have seen 796px on quite a few websites, I thought it was a standard but I'd imagine most people are at least at 1024px so I'm sure if your under that you'll be ok.
 
Upvote 0
I am personally with level200. A fluid (I prefer the term to liquid) design is usually your best option. Of course because of content it is not always possible to have it too fluid. My general rules are:

1. Make it visible at 800x600 (just in case someone has poor eyesight and uses a low res on a large screen) also means that it looks acceptible-ish on some mobile devices.


2. Try to avoid excessively long lines (a fluid design sometimes results in lines with more than 15 words, you should ideally have between 8-15 words on a line as that makes a comfortable and balanced paragraph.

3. Unless the design absolutely requires it avoid more than 2 columns. Sorry but three column layouts tend to be bad for formal content and look really squashed at smaller resolutions.

4. Allow for text re-sizing. This is almost mandatory and allows people to apply their own text-size preferences to your site. (of course this almost always kills designs in a fast fashion but if your site is still readable and navigatable when someone increases the default size twice then you're on a good path imho.

That's my 2 pennies spent
 
Upvote 0
The problem with fluid designs - although I am a fan - is some sites can look plain silly on the new wave of widescreen setups.

d

Definately as i have found with my new 22" widescreen HD - applogies, i am just so proud of having such an awesome monitor :D Of course that doesn't mean fluid is bad - it can work very well for ecommerce shops etc where there are a large quantity of products.

Back to the matter in hand, 800x600 is good however this does limit you to a maximum of 2 columns for layout (in my opinion). Because of the fixed measures 3 columns appears way to compact; there is just too much information to look at in such a small amount of space; having a nav column with a few additional features and a main content area is the best approach.

Upscaling to 1024x768 though i think allows a bit more freedom and the possibility of using 3 column layouts (these tend to work better at this rez).

In all honesty in the past ive gone with 800x600 however with computers now being preloaded at the higher res, 1024x768 is starting to be more suitable; i also tend to factor in the target audience viewing the site. If the majority of visitors are likely to be computer/techology related then i aim for the higher rez.

Ultimately its all about personal choice and site target audience (although the higher rez is becoming more prominant!!!).
 
Upvote 0
My personal view is that 800x600 is still an important consideration:

1. Not everybody has their browser window maximised, some people prefer to run it in a window so they can see other desktop elements - after all it is a windows desktop operating system (and they are paying good money to Bill Gates for this feature)

2. Others might have other elements on screen or in browser (e.g. favourites column, search column, media column ) which reduces available screen width

3. Generally, having wide columns of text makes it difficult to read the text, as the eye has to travel further from the end of the right line to the beginning of the next left line - which is why newspapers have columns. If you just make your text lines wider to fill up screen width, without introducing columns, you will make the text more difficult to read

4. Although desktop PCs are getting higher resolution and they are the main way of browsing the net at the moment, this does not mean that will always be the case. There are already important inroads being made with alternative browsing technologies, e.g. mobiles phones getting better (and they have some catching up to do resolution wise, e.g. XDA aren't quite up to displaying 800 wide websites yet), Nokia 770 internet tablet is 800 wide, Apple iPhone, nintendo wii allows you to browse the web on your TV with its internet channel (which has the Opera browser with flash) and 800 wide is a good choice for this particular platform. So keeping a web design which supports 800x600 (whether fixed or fluid) doesn't necessarily give you a legacy web design, it can give you a more future proof web design.

A lot can be down to personal taste, a lot can be down to what you are used to (the designs of the websites you frequent), and a lot can be down to weighing up all available pros and cons. That is why you get different people saying different things, and different websites adopting different types of designs. Some go for the fixed 800 wide design, e.g. bbc.co.uk, lastminute.com (only ads go over the 800 mark), and most of our sitebuilder web designs. Equally, others go for fluid designs but still managing to squeeze down to 800 wide, e.g. amazon.co.uk, google.co.uk. There are also those sites that forego 800 wide and have fixed 1024 wide design, e.g. microsoft.com new home page. There are others that mix and match, e.g. w3schools.com is mainly around 800 fixed width and some of its other pages are fluid shrinking down to 800, ebay.co.uk has a fixed 800 wide home page, and other fluid pages that don't always shrink down to 800!
 
Upvote 0
I'm currently designing one of my sites, and think it's going to be a liquid site, although not sure about widescreen views.

How much different does it appear when in the newer widescreens. I do all my coding on my laptop with a 15.4" widescreen...so I'm always seeing stuff in widescreen, and my partner's desktop is a widescreen aswell..I don't see any difference (aside from my partner's screen being a 24" one of course!)
 
Upvote 0
Most of the designs I am tasked to build are normally 770px wide. A few years ago wouldn't have agreed with 1000px wide sites but time moves on and statistics show not many people have 800x600 resolution anymore.

If building the website for the 1024x768 resolution thats fine but its usually best to design these sites so thats whatever is in the horizontal fold on an 800x600 screen is not key important information ie don't put your navigation in the right column.

Fluid designs are also good but I hate having to resize my browser window with these designs to stop the paragraph width being too wide to read without loosing which line you are on. Limit the width of fluid design is also good practice.
 
Upvote 0
Fluid designs are fine if your site is mainly text but they don't really work with graphics which is why most "designed" sites tend to be fixed. I have been experimenting with 1000px wide fixed sites which means they don't look stupid on big screens and require only a little scrolling at 800px or when the browser isn't fully open. I have shown the different options to my last three clients and all have them have gone for the 1000px option. Not at all scientific but thought I would throw it in the ring.
 
Upvote 0

Latest Articles