A question for the Webpage designers....

[cmdavid]

800x600.... its still the most common resolution out there...

 

[Beau]

Originally posted by: Steve819

Originally posted by: Beau6183

Originally posted by: Steve819
Would designing the website with a CSS stylesheet offset much of the problems? ie. setting font size to a percentage?

Steve

Didn't know you could do font scaling with percentages... I'll have to try that. But, yes, it would solve most of the problems, except for images.

From the template I am using:

body {
background-color: #F0F8FF;
}

p, ul, ol {
color: black;
font-size: 80%;
font-family: Verdana, "Lucida Sans", Arial, Geneva, Helvetica, Helv, "Myriad Web", Syntax, sans-serif;
text-align: justify;
}

Hope that helps.

Steve

On bad thing with using CSS is that browsers (at least IE) don't send that information on to the printer, so it prints as though it had no stylesheet associated. All fUx0red up.

 

[notfred]

Originally posted by: sandigga
800x600.... its still the most common resolution out there...

You don't read well, do you?

 

[Electric Amish]

Originally posted by: Beau6183

Originally posted by: Steve819

Originally posted by: Beau6183

Originally posted by: Steve819
Would designing the website with a CSS stylesheet offset much of the problems? ie. setting font size to a percentage?

Steve

Didn't know you could do font scaling with percentages... I'll have to try that. But, yes, it would solve most of the problems, except for images.

From the template I am using:

body {
background-color: #F0F8FF;
}

p, ul, ol {
color: black;
font-size: 80%;
font-family: Verdana, "Lucida Sans", Arial, Geneva, Helvetica, Helv, "Myriad Web", Syntax, sans-serif;
text-align: justify;
}

Hope that helps.

Steve

On bad thing with using CSS is that browsers (at least IE) don't send that information on to the printer, so it prints as though it had no stylesheet associated. All fUx0red up.

Ahhh... so that's what happens.

amish

 

[Beau]

Originally posted by: sandigga
800x600.... its still the most common resolution out there...

Originally posted by: notfred
Average Computer Screen Resolution
January 2001
Resolution % of Users
640 x 480 8.9%
800 x 600 49.5%
1024 x 768 22.5%
1280 x 1024 2.0%
Unknown 14.8%


Here's July 2002:

1. 1024 x 768 (43%)
2. 800 x 600 (37%)
3. 1280 x 1024 (12.9%)
4. 1152 x 864 (3.8%)
5. 640 x 480 (1.3%)
6. 1600 x 1200 (1%)
7. 1152 x 870 (0.2%)


I think you'll notice a trend

 

[yobarman]

i'm deisgning a site for 800x600, i usually run at 1280x1024, but i had to lower it down for the site... it's such a pain in the ass i cna't stand small resolutions!

 

[dcdomain]

If you are designing for the following resolutions, you should hit these target sizes:

640x480 - 600x300
800x600 - 760x420
1024x768 - 955x600

 

[Bullhonkie]

Originally posted by: notfred

Originally posted by: sandigga
800x600.... its still the most common resolution out there...

You don't read well, do you?

Actually depending on who's statistics you go by, it may be different. There isn't any all-encompassing demographic resource so it can vary pretty widely. For example I go by thecounter.com which lists this for October of 2002:

Display Statistics
Screen Resolution Oct 02
1024x768 or more 45%
800x600 49%
640x480 2%
Other or Unknown 4%

Now considering that they've lumped 1024x768 and everything higher than 1024x768 into a single category, 800x600 is still in use by the majority according to them.

 

[BoberFett]

I try to avoid designs that lock a site into a width. Lower res users can't see the whole thing and higher res users get a tiny little page up in the corner of their browser.

If there's a banner that has to be a certain size, OK. But I generally try to get the actual content to fill the width.

 

[Kevin]

Originally posted by: Beau6183

Originally posted by: Steve819

Originally posted by: Beau6183

Originally posted by: Steve819
Would designing the website with a CSS stylesheet offset much of the problems? ie. setting font size to a percentage?

Steve

Didn't know you could do font scaling with percentages... I'll have to try that. But, yes, it would solve most of the problems, except for images.

From the template I am using:

body {
background-color: #F0F8FF;
}

p, ul, ol {
color: black;
font-size: 80%;
font-family: Verdana, "Lucida Sans", Arial, Geneva, Helvetica, Helv, "Myriad Web", Syntax, sans-serif;
text-align: justify;
}

Hope that helps.

Steve

On bad thing with using CSS is that browsers (at least IE) don't send that information on to the printer, so it prints as though it had no stylesheet associated. All fUx0red up.

I never had that problem. You just have to stick to common fonts that reside on everyone's system...

 

[Kevin]

Originally posted by: BoberFett
I try to avoid designs that lock a site into a width. Lower res users can't see the whole thing and higher res users get a tiny little page up in the corner of their browser.

If there's a banner that has to be a certain size, OK. But I generally try to get the actual content to fill the width.

Center it and make the height 100% so it follows the window. This site was made in 1280x1024 and fits the window nicely even though its made for 800x600...

 

[notfred]

What I find annoying is that people seem to think that everyone always runs thier web browser full screen. I currently have 5 IE windows open, and none of them are maximized. I never maximize anything.

 

[Bullhonkie]

Originally posted by: dcdomain
If you are designing for the following resolutions, you should hit these target sizes:

640x480 - 600x300
800x600 - 760x420
1024x768 - 955x600

You may end up having horizontal scrollbars with some of those on certain platforms with certain browsers, but if you're only targetting windows it should be ok. This site building article has a good chart that shows what the safe canvas sizes are for different combinations of browsers and OS if you decide to go with a fixed-width layout.

Originally posted by: Beau6183

On bad thing with using CSS is that browsers (at least IE) don't send that information on to the printer, so it prints as though it had no stylesheet associated. All fUx0red up.

You can usually get around this by defining a second style sheet for print (example: <link rel="stylesheet" type="text/css" media="print" href="http://www.blah.com/print.css" /> ), although there are still a few browser versions that don't understand that.