Web Page Pixel Dimensions 3 replies

Please wait...

Totes

Misanthrope

92,890 XP

7th January 2011

0 Uploads

8,664 Posts

0 Threads

#1 7 years ago

So one of my buddies has "hired" me to create some web page designs for him. No problem. However I am having some trouble finding out what that "standard" web page dimensions are. Are there any rules to this, or do they vary? I'd hate to have to create some designs and then do them over again...although that is probably involved with creative design. xD

Any help would be appreciated.




MrFancypants Forum Admin

The Bad

217,008 XP

7th December 2003

0 Uploads

20,003 Posts

6 Threads

#2 7 years ago

You could install that Firefox plugin to measure pixels and go to some popular sites. Or you could just use relative values instead of absolute values.




G.R.A.E.M.E. VIP Member

OW & HS Addict

178,776 XP

14th August 2008

0 Uploads

15,860 Posts

0 Threads

#3 7 years ago

As Fancypants suggested, you could use a fluid width instead of a fixed one, if you're worried about having the wrong dimensions. Fluid means the page will adjust it's width as you resize your browser's window (for instance, it remains on 60% width regardless of the dimension of your browser's window, or the resolution of your monitor).

But if you prefer not to, the most used widths are 760px, 980px, 1060px and 1280px. The height is usually set to auto.


Formerly known as Graeme and Arld.



*Daedalus

A Phoenix from the ashes

50 XP

18th April 2006

0 Uploads

3,091 Posts

0 Threads

#4 7 years ago

Using relative values can get messy, depending on how you're doing your CSS. I usually stick with absolutes. Most sites are around the 950-980 mark. This fits well in the 1024 monitor bracket leaving room for scrollbars and window borders, etc.