...

View Full Version : Quick Feedback - 800x600 issue on my page



nicky77
12-13-2007, 04:04 PM
Hi there, i'm looking for some feedback on a page i've designed as part of a website for a school. I hadn't designed with 800x600 resolutions in mind, and it turns out the site should cater for this. I've changed the resolution on my laptop to 800x600 to check the page and there's now significant scrolling required - I'm not sure if this is reasonable or it means i need to redesign the site. There is a large background image which i fear might cause a problem with any redesign.

Anyway, any feedback would be greatly appreciated as this the first time i've come across this issue - the site is at http://www.antoninesportscentre.co.uk/home/lomond_school/latestnews/

Aceramic
12-13-2007, 04:34 PM
Just a quick note... You should not be using a modified W3C logo in your valid icons, according to the W3C Logo and Icon Usage terms:


Can I change a W3C logo to fit the look and feel of my site?

No. The W3C Logo provides the organization with its visual identity. As a result, there are strict rules for its use. Changing the W3C logos is not permitted, as it defeats the purpose of the logo, which is to be noticed and identified as W3C.

However, you CAN use your own icons, provided they do not contain a modified W3C logo:


Can I use an image in a link to the W3C Web site (e.g., to the W3C validator) that is not derived from the W3C logo?

Yes, you may link to the W3C site with images that are not derived from the W3C logo.


Aside from that, I actually have a very similar problem... Unless someone can point me to a better solution, I have decided to ignore the 800x600 crowd for the moment. :/

Actinia
12-13-2007, 04:43 PM
Your background image is 900px by 800px. If you set your container div and the image width to a bit less than 800px wide, with maybe a slight adjustment of the other content, and center it on the page, then it is unlikely to cause problems at 800 by 600. It should also look OK at higher resolutions. You need the container width less than 800 to allow for the vertical scroll bar.

Your background image does encompass quite a lot. It would probably be better to separate the masthead and other components as separate images, just keeping the pale blue ghost as a background. This would probably make it easier to squeeze it into a narrower column.

John Rostron

nicky77
12-13-2007, 04:43 PM
Thanks for pointing that out, I didn't realise you couldn't use a modified logo. The site is still in development anyway, so i'll make sure i remove it before it goes live.

Not sure whether to try and blag my way out of this by saying 800x600 design shouldn't be a priority, or whether to bite the bullet and make the layout fluid - which would probably involve having to use javascript to check the user's resolution before loading an appropriately sized background image....

Papa
12-14-2007, 01:42 AM
I was really perplexed, whether to ignore the 800x600 crowd or cater to them, I decided to cater to them because I am building a commercial website. I figured all the hits I can get are better than loosing potential clients. I went with a fixed width of 780px that is centered on the page. I read somewhere that ~20% still use 800x600 i dunno why. But I guess for your purposes... since its a school people are stuck with what they get. I think your targeted audience allows you, as the designer, to decide on what resolution you want/need whereas I was not :o

Apostropartheid
12-14-2007, 06:29 PM
Well, I don't know about your school, but mine had 1024x864 monitors. I haven't seen a 800x600 one is years

Papa
12-14-2007, 08:27 PM
Well, I don't know about your school, but mine had 1024x864 monitors. I haven't seen a 800x600 one is years

Yea, but the user can set the resolution to what they want. 800x600 or upwards...

felgall
12-14-2007, 09:22 PM
And screen resolution has NOTHING to do with browser window size. Someone could have a 100000x80000 screen resoultion and a browser window open at 200x150.

Most handheld devices have a width of 400 or less. WebTV has a fixed width of 544. Printers can only handle about 750 width before they chop off the right side of the page. These can of course be handled by using different stylesheets but having a page that will resize to fit the browser window reduces the need for separate page designs for all these different sizes separately.

Apostropartheid
12-14-2007, 11:20 PM
Yea, but the user can set the resolution to what they want. 800x600 or upwards...
What, you can mess about with system configuration at your school? Oh, tell me how!

fegall, if we're actually bothering to cater for mobile devices, we might as well be using a stylesheet especially for them in the first place!

Papa
12-15-2007, 03:39 PM
What, you can mess about with system configuration at your school? Oh, tell me how!


actually yes we could



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum