Web Page Dimensions? - Page 2 - Freelance UK Forums

Ms Soprano · 02-09-2008, 09:26 PM

Thanks everyone for the replies!

I've heard people mention you can have some sort of fixed width (I may have this wrong) basically, what I mean is some way of having the web page so it automatically sets to a size to fit all screen sizes

For my own website I am designing to the same sort of ways as the facebook layout, straight down the middle so the width would be around 800, that would suit me fine

Although obviously not all people will want that..

Chef-Design · 02-10-2008, 02:35 PM

The Perfect Fluid Width*Layout - CSS-Tricks

there ya go

Ms Soprano · 02-10-2008, 05:45 PM

That's brilliant, thanks very much!

Chef-Design · 02-10-2008, 08:00 PM

no problem, hope that helps you

Ardesco · 02-11-2008, 09:39 AM

Quote:

Originally Posted by Chef-Design

really? now when javascript is starting to overrun flash? i'll take the chance, thank you...

website for mobile users? on a freelance forum?

that really is "poor man's c*ck" (courtesy of maxim

)

The point is that many people use many different ways to access the internet. Refusing to create a site that is usable by a certain group of people means that you are potentially losing customers before they have even had a chance to find out about your products/services.

I'm not saying don't use javascript at all, I'm just saying make sure that the site is fully functional without it. You can then add in lots of fancy extras to wow people later.

AndyM · 02-12-2008, 10:13 AM

Hi, I've just caught up with this thread from yesterday and I read the various opinions with interest. I generally agree with the postings from Chef-Design, use CSS and create either a fluid design or detect the screen size and apply the appropriate CSS template. The latter solution works well when things don’t scale easily or you want to have total control over the different sized layouts.

As for mobiles, well that’s a whole different kettle of fish. I have done a lot of work on this and ended up detecting the browser type from the request and then guessing what content to return. This is relatively straightforward in ASP.Net and our website is written using this method. By extending some of the ASP controls we have content dynamically generated to fit the screen, whether it’s a phone at 40x90, Palm 160x160, 384x512 or a PC resolution 800x600 and upwards. For the PC resolution I would aim at the 800x600, with the caveat that the real width is more likely to be 760 if you don’t want horizontal scrollies.

A

rick22 · 03-01-2008, 11:04 AM

i think you should change resolutions of your own monitor to 1024X768 and then design to be on the safer side...

MickeyFinn · 03-01-2008, 12:38 PM

Congratulations rick22 - you win a prize! That is quite possibly the worst bit of advice anyone has ever given so have a banana

Most people have LCD screens these days and they are set to an optimum number of pixels - for 17" and 19" monitors this is usually 1280x1024. Changing the resolution down makes everything look fuzzy so is really not recommended. Also if you end up designing on a resolution of 1024 x 768 then you end up with less space for Photoshop toolbars etc. Honestly, if you are designing to not really mind if 800x600 users have scroll bars but want a fixed width to cater for the masses then just work at around 960-980 px wide, just check the new version of the BBC site to see what I mean.

Resizing your monitor. Tsk.

RSimpson · 03-04-2008, 07:01 PM

Quote:

Originally Posted by MickeyFinn

1024 x 768 is a more common resolution:
Browser Display Statistics

You could argue that with 14% of users still using 800 x 600 that you should really try and accommodate these too.

I tend to go for a width of 950 pixels these days.

I'm afraid I would be one of those who would argue that with 14% of users using 800x600 you'd be insane not to design your site with these users in mind, there is always the chance that your traffic will go crazy and you get 100,000 visits in a month, if you didn't cater to the 800x600 crowd you'll have effectively turned 14,000 people away from your site. Percentages are good like that

Cheers,
Robert

MickeyFinn · 03-04-2008, 07:23 PM

I agree to an extent and that is why when you design that little bit bigger you make sure that content is not out of the 780 pixel width that is displayed in 800px width monitors so you do not lose visitors completely. If the user on a smaller resolution misses secondary links and some advertising in the right hand column then so be it.

Also take into account real-world stats for your site if you can, for example this site gets several hundred thousand page views per month but only gets 3.11% of traffic at 800x600.

Also take a peek at the BBC these days - what width is their home page?

02-12-2008, 10:13 AM	#16 (permalink)
AndyM New Poster Join Date: Feb 2008 Location: London Posts: 4	Optimal screen size & CSS Hi, I've just caught up with this thread from yesterday and I read the various opinions with interest. I generally agree with the postings from Chef-Design, use CSS and create either a fluid design or detect the screen size and apply the appropriate CSS template. The latter solution works well when things don’t scale easily or you want to have total control over the different sized layouts. As for mobiles, well that’s a whole different kettle of fish. I have done a lot of work on this and ended up detecting the browser type from the request and then guessing what content to return. This is relatively straightforward in ASP.Net and our website is written using this method. By extending some of the ASP controls we have content dynamically generated to fit the screen, whether it’s a phone at 40x90, Palm 160x160, 384x512 or a PC resolution 800x600 and upwards. For the PC resolution I would aim at the 800x600, with the caveat that the real width is more likely to be 760 if you don’t want horizontal scrollies. A

03-01-2008, 11:04 AM	#17 (permalink)
rick22 Regular Poster Join Date: Feb 2008 Posts: 13	i think you should change resolutions of your own monitor to 1024X768 and then design to be on the safer side... __________________ I AM WHAT I AM!!!

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

02-09-2008, 09:26 PM	#11 (permalink)
Ms Soprano Regular Poster Join Date: Jul 2007 Location: Reading Posts: 11	Thanks everyone for the replies! I've heard people mention you can have some sort of fixed width (I may have this wrong) basically, what I mean is some way of having the web page so it automatically sets to a size to fit all screen sizes For my own website I am designing to the same sort of ways as the facebook layout, straight down the middle so the width would be around 800, that would suit me fine Although obviously not all people will want that..

02-10-2008, 02:35 PM	#12 (permalink)
Chef-Design New Poster Join Date: Jan 2008 Posts: 8	The Perfect Fluid Width*Layout - CSS-Tricks there ya go

02-10-2008, 05:45 PM	#13 (permalink)
Ms Soprano Regular Poster Join Date: Jul 2007 Location: Reading Posts: 11	That's brilliant, thanks very much!

02-10-2008, 08:00 PM	#14 (permalink)
Chef-Design New Poster Join Date: Jan 2008 Posts: 8	no problem, hope that helps you

03-01-2008, 12:38 PM	#18 (permalink)
MickeyFinn Administrator Join Date: Oct 2006 Posts: 305	Congratulations rick22 - you win a prize! That is quite possibly the worst bit of advice anyone has ever given so have a banana Most people have LCD screens these days and they are set to an optimum number of pixels - for 17" and 19" monitors this is usually 1280x1024. Changing the resolution down makes everything look fuzzy so is really not recommended. Also if you end up designing on a resolution of 1024 x 768 then you end up with less space for Photoshop toolbars etc. Honestly, if you are designing to not really mind if 800x600 users have scroll bars but want a fixed width to cater for the masses then just work at around 960-980 px wide, just check the new version of the BBC site to see what I mean. Resizing your monitor. Tsk.

03-04-2008, 07:23 PM	#20 (permalink)
MickeyFinn Administrator Join Date: Oct 2006 Posts: 305	I agree to an extent and that is why when you design that little bit bigger you make sure that content is not out of the 780 pixel width that is displayed in 800px width monitors so you do not lose visitors completely. If the user on a smaller resolution misses secondary links and some advertising in the right hand column then so be it. Also take into account real-world stats for your site if you can, for example this site gets several hundred thousand page views per month but only gets 3.11% of traffic at 800x600. Also take a peek at the BBC these days - what width is their home page?