PDA

View Full Version : Screen resolutions



Jojee
04-02-2008, 02:42 AM
I decided I will make a website ^_^ I'm typically used to designing for 800 x 600 resolutions and higher, but last time I seriously made websites was back in 2005. I sort of want to do 1024+ resolution size designing now.

So does anyone still use 800 x 600?

Jess
04-02-2008, 02:45 AM
I know I don't! :jess:

Linus
04-02-2008, 02:45 AM
nerd lololol

my cellphone gets 800x600 llololololl

Hi Joy.

Jojee
04-02-2008, 02:46 AM
You shouldn't be browsing my (future) websites on your cellphone :p *swack* Hi Linus-pooface.

Linus
04-02-2008, 02:48 AM
Or ever~! Ha!

Jojee
04-02-2008, 02:49 AM
You won't be able to resist all the yaoi :O

Linus
04-02-2008, 02:51 AM
You're making a yaoi site? Awful. I'm changing my resolution to 0x0.

Jojee
04-02-2008, 02:54 AM
You should just commit suicide :p

Linus
04-02-2008, 02:58 AM
It's April 2nd now where I am.

(website resolutions lololol)

Lawr
04-02-2008, 03:03 AM
1024 x 768?

Ouch!
04-02-2008, 03:08 AM
1440 x 900.

Roto13
04-02-2008, 03:13 AM
Lunar still uses 800x600 because he's a nub.

I Took the Red Pill
04-02-2008, 03:14 AM
1280 x 1024.

Vermachtnis
04-02-2008, 03:23 AM
1280x800

Flying Mullet
04-02-2008, 03:31 AM
1024 x 768 is the low-end standard now.

Peegee
04-02-2008, 03:41 AM
and it's pushing it. What is that, like a 15 inch monitor?

Actually, I have a very old laptop that is 1024x768. Imagine that!

Lawr
04-02-2008, 03:54 AM
1024 x 768 is the low-end standard now.

Yes it is

escobert
04-02-2008, 04:06 AM
1280x1024

rubah
04-02-2008, 04:16 AM
1400x900

Aerith's Knight
04-02-2008, 04:22 AM
yaoi? *barfs*

You could get us all laid tomorrow and it would not make up for this T__T

and i use 1280x960

Araciel
04-02-2008, 05:40 AM
1280 x 1024.

FTW

ljkkjlcm9
04-02-2008, 06:01 AM
Mine is set to 1280x800
Laptop

THE JACKEL

Yamaneko
04-02-2008, 06:05 AM
I alternate between 1280x1024 and 1680x1050 regularly.

Ramza Beoulve
04-02-2008, 06:36 AM
1680x1050, pretty cool actually.

Randgris
04-02-2008, 06:44 AM
You won't be able to resist all the yaoi :O

Interesting... What's the website? :D


Oh and I use 1024. If I use 800, I won't be able to se all of my desktop icons (there's like too many to count)

Samuraid
04-02-2008, 06:49 AM
800x600 is much to small...practically the default resolution for Windows XP if one does not have proper video drivers. You would have to try to find a screen that small.

1280x800 for widescreen and 1024x768 are good normal baseline resolutions now.

XxSephirothxX
04-02-2008, 06:58 AM
I use 1360x768, but it's not very common for a computer resolution. :p

crono_logical
04-02-2008, 07:07 AM
1920x1200, laptop :D And yeah, no-one should be using 800x600 these days on a typical PC, although I can't say for those ultra-portables around now :p

Araciel
04-02-2008, 07:09 AM
I use 800x600 for the TV attached to my computer.

crono_logical
04-02-2008, 07:18 AM
That's not your default screen though :p You're being silly if it is :p

Araciel
04-02-2008, 07:21 AM
Ah but default was not in the OP, so I stand by my use of 800x600.

Also, I AM silly :P

Rantz
04-02-2008, 09:00 AM
If you're not a company, a web professional or the like who has an image to keep up, you don't have to worry about it. However, it never hurts. There are still low-res screens out there, and Internet use via mobile phone and other handheld devices is increasing rapidly. Besides, tons of people don't have their browser windows maximized, which might actually bring the actual available size closer to 800x600 than you might think.

If you know some CSS, it's not too hard to pull a few tricks that makes the design adapt to the browser window's size automatically. Here are some common resolutions (http://en.wikipedia.org/wiki/List_of_common_resolutions), if you want to delve deeper into the subject.

smittenkitten
04-02-2008, 09:16 AM
I'm using 1024 by 768 at the moment. Don't know what Daniel's using. :mog:

Balzac
04-02-2008, 09:50 AM
1680x1050 on one monitor and on my secondary I use 1440x900.

Elly
04-02-2008, 02:06 PM
1600x1200@75Htz, i like to have screenspace for several applications at once... no one has used 800x600 in ages, no one that i know anyway except for the occasional newbie's who have just bought their first computer and don't know any better...

Madame Adequate
04-02-2008, 02:08 PM
1280 x 1024.

I don't think I've seen an 800 x 600 in years. :p

Jess
04-02-2008, 02:13 PM
I don't think I've seen an 800 x 600 in years. :p
I haven't either. :jess:

Oh, and I use 1440 x 900.

Peegee
04-02-2008, 02:32 PM
FYI I actually use

1920x1200 + 1440x900

Dual screen ftw

Jojee
04-07-2008, 07:40 PM
Jesus Christ, some of you people use HUGE resolutions o_O

I made a fluid layout with a 1024 base, but it's going to look so bad on like... 1400+ resolutions because the text is just gonna go all across the screen. xD

I dunno now. Do you guys browse with the browser not at max size or something?

rubah
04-07-2008, 07:53 PM
jojo:
firefox; max-width: whateverpx;
IE; width: whateverpx;

because IE is dumb and doesn't know what max-width is 8) That would be inside your area for text

Jojee
04-07-2008, 07:58 PM
I know, but I wanted the text area to expand with the browser. I spent all afternoon coding it into a fluid layout. Bahh I'll just make it a set width *dies* So much easier. xD But less spiffy.

rubah
04-07-2008, 07:59 PM
just set it to like 1200 px xD and then have plenty of margins and paddings and then it'll be all spiffy up to that width and slightly lessthereafter!

Jojee
04-07-2008, 08:12 PM
Oh I get it ^_^ max-width rocks. Is there any way I can get it to do that with IE? :( I already set width to 100% so I can't do another width: setting.

Edit: Wait, what am I saying. My width is not at 100%, it's at 90, and I don't need that anymore for firefox now that I have max-width. *thinks*

Peegee
04-07-2008, 08:15 PM
Oh I get it ^_^ max-width rocks. Is there any way I can get it to do that with IE? :( I already set width to 100% so I can't do another width: setting.

Edit: Wait, what am I saying. My width is not at 100%, it's at 90, and I don't need that anymore for firefox now that I have max-width. *thinks*

Where's Dr Unne when you need him? We need somebody to announce that coding broken html to fit an outdated and non-compliant browser is teh lose.

firefox; max-width: whateverpx;
IE; width: whateverpx;

War Angel
04-07-2008, 08:17 PM
1680x1050, as most 22" go.

Xander
04-07-2008, 08:21 PM
Not me! 1280 x 800 or something on my laptop...

For your audience I reckon you can go larger and forget 800x600. We're currently redesigning our site (at work) and making it a bit larger.

I think mainly people working in banks and schools have tiny screens :p

Rantz
04-07-2008, 08:38 PM
To emulate max-width (or max-height, min-width or min-height with some modification) for IE, you can use:

width:expression( document.body.clientWidth > 500 ? 500 : "auto" );

Where both 500's are the max-width you want to use. "expression()" is IE-specific and will be ignored by other browsers. This means it's browser proprietary code, which is generally frowned upon, but readability goes before code perfection in my opinion.

Mirage
04-07-2008, 08:41 PM
I'm browsing this page in 240x320.

Nominus Experse
04-07-2008, 08:49 PM
1280 x 800 on my laptops, and 1280 x 1024 with my desktop.

Jojee
04-07-2008, 08:51 PM
@Rantzien: Thanks, that works but... when I add that in, it overrides the max-width I have for Firefox. >.< How do I make it work for both browsers?

Kes
04-07-2008, 08:54 PM
I've always heard that 800x600 is more of a courtesy for people who don't browse in maximised windows.

I use a 1440 x 900 resolution but I am currently browsing in a 1300x720 window (just the website not the nav bar or anything). However I change my browser size (width especially) quite frequently depending on what other programs I have up and which sites I'm viewing.

My biggest issue when I was making a website was Mac vs. PC. I had the whole thing absolutely fantastic looking on both Safari and Firefox on my Mac, but when I switched over to my PC, IE and Firefox had their own issues. I was running up and down stairs to switch between computers for a long time. Who says there's no such thing as geeks exercising?

Good luck.

Jojee
04-07-2008, 08:57 PM
Oooh never mind Rantz, that was a coding error on my part. xD

Now I just need to fix one more thing in IE... so let's say I have a table and I set a height and width for the <</>TD>. Then, with no cellpadding or cellspacing and div-right and top and all that good stuff at 0... I put an image that's the exact same size as the table in the <</>TD>. How do I get it so that IE doesn't add extraneous borders?

And ah Kes, websites look different on Macs and PCs? o_O

Kes
04-07-2008, 09:23 PM
Only in the sense that the browsers are different. Like I mentioned in the browser thread, I'm pretty sure that even if you use Firefox on all your OSs it will have at least subtle differences, but it's been a while.


Edit: I tried to clear this up a bit by posting some screen shots in the Browser thread because I'm silly like that. I totally did not intend to split up my ideas into two threads. >.<

Rantz
04-08-2008, 08:31 AM
Now I just need to fix one more thing in IE... so let's say I have a table and I set a height and width for the <</>TD>. Then, with no cellpadding or cellspacing and div-right and top and all that good stuff at 0... I put an image that's the exact same size as the table in the <</>TD>. How do I get it so that IE doesn't add extraneous borders?

Put
border-style:none;
for the table or the image, depending on which has the border.

Baloki
04-08-2008, 11:24 AM
800x400 and 1280x1024, also you suck JoJo!

FInally don't forget to set up a second stylesheet which you can use for lower res', bug me on MSN sometime and I'll show you what I mean :p

Loony BoB
04-08-2008, 11:34 AM
Home: 1680x1050
Work: 1600x1200

Blue Harvest
04-08-2008, 12:12 PM
1024 x 768. Anything else looks weird on my compy.

blackmage_nuke
04-08-2008, 12:14 PM
My screen made a resoultion to quit smoking this year but it didnt turn out too well :(

Anyway i use 1024 * 768 but dont feel you have to design a website for this resolution just because everyone uses it. It depends on your website. If you dont need that many pixels then just go with 800 * 600. Pick the one that leaves you with less clutter but not too much blank space.

o_O
04-08-2008, 01:29 PM
Here's a useful way to make browser-specific code: *wrecks tables* (*fixes tables*) :p
<div class="smallfont" style="margin-bottom:2px">HTML Code:</div><div style="color: black; background-color: white; margin:0px; padding:5px; border:1px inset; width:900px; height:400px; overflow:auto"><code style="white-space: pre; line-height: 7px; font-size: 11px;">&lt;html&gt;
&lt;head&gt;
&lt;title&gt;lol&lt;/title&gt;
&lt;style type="text/css"&gt;
#tablecat {
width: 1000px;
background: black;
border: medium solid yellow;
color: yellow;
text-align: right;
vertical-align: auto;
font-family: arial;
font-size: 50px;
}
#tablecat td { border: thin solid white; background-image: url('http://www.processandfaith.org/images/background-ocean.jpg'); }
&lt;/style&gt;

&lt;!--[if IE]&gt;
&lt;style type="text/css"&gt;
#tablecat {
width: 250px;
height: 200px;
background: rgb(100, 100, 180);
border: thin dashed rgb(150, 50, 50);
color: red;
text-align: center;
vertical-align: bottom;
font-family: copperplate gothic bold;
font-size: 15px;

}
#tablecat td { border: thin solid white; background-image: url('http://www.graphicsarcade.com/backgrounds/dark/dark_background_11.gif'); }
&lt;/style&gt;
&lt;![endif]--&gt;
&lt;/head&gt;

&lt;body&gt;
&lt;table id="tablecat"&gt;
&lt;tr&gt;
&lt;td&gt;
You are &lt;comment&gt;not&lt;/comment&gt; using IE.
&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td colspan="100%"&gt;
This table will look completely different if you view it in &lt;!--[if IE]&gt;Mozilla&lt;![endif]--&gt;&lt;comment&gt;IE&lt;/comment&gt;.
&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></div></div>

Loony BoB
04-08-2008, 01:37 PM
<html><body><whatever><b>You can always just do this if you don't want to mess up tables.

It seems to work, anyway.</b></whatever></body></html>

Takara
04-08-2008, 01:44 PM
I was using 800x600 until my monitor died. Then someone gave me one of their old monitors with was like twice the size of my old one, and I don't remember what resolution I was using, but this monitor died too.

So I bought a flat-screen. Currently I'm using 1152x864. Anything bigger looks distorted on my computer because it's old and crappy.

o_O
04-08-2008, 02:35 PM
<html><body><whatever><b>You can always just do this if you don't want to mess up tables.

It seems to work, anyway.</b></whatever></body></html>

I was gonna do that, but you can't change the size of it. :p

Oh well you twisted my arm now, so I hacked my own code box for you. I'm not coding syntax-highlighting though. :p

Yamaneko
04-08-2008, 03:39 PM
Now make me a sandwich.

The Ceej
04-08-2008, 06:41 PM
I've gotten so used to 1024×768 over the years that nothing else looks right. I'm pretty sure that I'll be using that resolution till the day I die.

Heath
04-08-2008, 07:06 PM
1280 x 1024 is what I use. Used to use 1024x768, but my bigger monitor makes my current resolution more usable and better for films and the like.

Tallulah
04-08-2008, 07:33 PM
I used 800x600 until a few moths ago when I switched to 1024x768 when I installed Google Earth.

Even my nan uses 1024x768. I offered to lower the resolution so she could see things better but she only uses it for Solitaire. :p

Relapse
04-11-2008, 09:14 AM
1024x768. I think I used to have 800 but that was a long time ago.