...

View Full Version : Resolution question!!



jcdevelopment
02-13-2008, 11:43 PM
Im soon going to be starting a new project for the company i work for and i had a quick question on resolution!

The website will be the in-house local intranet only used for real estate agents and the corporate offices. The problem i face is that right now the ide i have is a complex very interactive web based intraet. I view my work in a resolution of 1280 x 1024. Now i realize that is not a good standard to view in but the 1024 x 768 looks decent enough to work.

My office and the business i work for are about 90% old people, like over 70(not that its a bad thing). The problem is that most of them view in 800 x 600 and some in 1024 x 768!

Is there a good way to develope according to cross resolution users? Like should i work in percents or EM's or pixels? Please any input will be put to use, thank you!!

Apostropartheid
02-13-2008, 11:46 PM
It depends on your target audience.

The world at large generally uses 1024x768px and above. A few specific groups, and, yes, the elderly, may have a tendency to use lower resolutions. If you think this'll be a big problem, nick a 800x600 monitor off someone and test on that. Percentages would work well here, I think, as their text size may be cranked up and pixels don't really work that well unless it's a 1024x768 minimum.

Andrew Johnson
02-13-2008, 11:48 PM
Usually I like to make the minimum width of my website equal to the maximum allowed on 800x600 without the use of a horizontal scrollbar.

Other than that I don't think you need to worry about resolution.

jcdevelopment
02-13-2008, 11:49 PM
yeah, and i have many different computers i test on from everything to different monitors to older browser versions. Thanks i will keep the whole percentage in mind. I had thought that that would be the solution to it but i have never really had all that much luck with using %'s!

Andrew Johnson
02-13-2008, 11:55 PM
Actually my post would be a non percentage answer:

CSS:


#maindiv
{
min-width:750px
}

jcdevelopment
02-13-2008, 11:58 PM
but is that validator safe? Every time i try and validate with min and max, it says its no good on doctype strict?!

_Aerospace_Eng_
02-14-2008, 06:00 AM
The doctype doesn't effect validation of CSS.

jcdevelopment
02-14-2008, 04:07 PM
Why does it detect the doctype? I always thaought the validation was determined by the doctype!?! So validation is universal?

_Aerospace_Eng_
02-14-2008, 04:08 PM
There are two validators. One for CSS and one for HTML. The CSS validator doesn't care what doctype you use. Its just looking at the CSS.

Andrew Johnson
02-14-2008, 04:08 PM
You can validate different things

You can validate your XHTML (Strict, Transitional, or Framset), but you can also validate your CSS

They are two seperate actions

jcdevelopment
02-14-2008, 04:10 PM
That is why i love this forum, something new to learn each day. I look back at my college and think what was the point!?!?

harbingerOTV
02-15-2008, 04:20 AM
IMO if this for intranet use, I would just design for the lowest common denominator. You say you run 1280, on my desktop I do too and rarely have anything full screen. The users using 800, 1024 and maybe some 1152'ers, are more than used to 800 designed sites. This doesn't sound like a project where your creative side drives the car but rather the passengers (lame i know ;) ) so build it so that the majority can use it with out hassle. This being the 800 crowd. The people using larger resolutions will be okay with it.

If this were a project for the whole world to see, than sure, build for 1024 or more as the majority is already, or getting close to using that as a defacto standard.

As an additional note, depending on how complex this gets, using a fixed width layout will save you a lot of headache in the long run. Most likely you wont be the last person to touch this either. Make it where the next guy can make additions and changes without going insane.

I work in a corporate enviroment so I know the pains one can have when going back years later into someones elses work. Today I coded up a comp that the grid was like a new york times crossword. If they had wanted it to be fluid, 2 years down the road someone would be trying to hunt me down ;)

ahallicks
02-15-2008, 10:11 AM
If you want to be really smart, and cater for everyone, especially the elderly, then possibly an elastic (http://jontangerine.com/log/2007/09/the-incredible-em-and-elastic-layouts-with-css) layout would suit you because it means that everything changes size nicely, and is great for accessibility

croatiankid
02-15-2008, 12:40 PM
Don't forget that not all people browse at 1024x768 or 800x600. People can change their browser window size (thank god). However, if it is an intranet and everybody browses at full screen size, I'd go for 800x600 pixels.

jcdevelopment
02-15-2008, 03:57 PM
I work in a corporate enviroment so I know the pains one can have when going back years later into someones elses work. Today I coded up a comp that the grid was like a new york times crossword. If they had wanted it to be fluid, 2 years down the road someone would be trying to hunt me down ;)

Yes believe me i know, i came in only a year ago to take our websites in house, and the people who designed and created seemed they had no idea what they were doing....

thank you ahallicks for the link, i think that will help the most!!

outseeker
02-16-2008, 03:48 AM
You most likely already know it, but you can use this lil script to detect resolution and act accordingly if you like.

if ((screen.width>=1024) && (screen.height>=768))
{
window.location="highres.html";
}
else
{
window.location="lowres.html";
}

(though after reading the elastic layout, woo blow my mind why don't you ahallicks? awesome!)



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum