WEBSITE DIMENSIONS?
- Started
- Last post
- 20 Responses
- helpmeqbn
What are the standard dimensions for a webpage these days?Some monitors can be huge.
- utopian0
960px
- helpmeqbn0
Is there a standard height?
I've heard 1024 for width, but seems like such a random number.
- that's a monitor resolution, and although it can also be a website dimension, it's not common.lvl_13
- you need to make room for browser chrome and such. so 960 is safe now-a-days.lvl_13
- LOL @ random numbermoldero
- hahahaa... sorry helpmeqbn, nerd jokeraf
- 2 to the power of 10 = 1024kingsteven
- helpmeqbn0
QBN appears to be 990px.
- registe0
995px maximum width
990px is common
960px is your golden goose because of its divisibility
2 / 3 / 4 / 5 / 6 / 8 / 10 / 12 / 15 / 16
the fold, if you care about it, should be before 600px
- helpmeqbn0
Height?
- http://www.qbn.com/t… the fold, if you care about it, should be before 600pxregiste
- akrok0
you're in america! think big. do 1920x1200 at least.
- Boz0
960px width by 600px is pretty much the standard.
The reason it's that resolution is because of the average percentage of the monitor resolution most present on user's computers.
There are many sites who give you stats but here's one:
http://www.w3schools.com/browser…So.. like 90% of users are capable of showing 1024x768.
960px is safe width when taken in account the scrollbars or other browser frames. You could go up to 990px but before browser scrollbars and inner width of the page was smaller.
Now, to be safe you go 960px or 970px but I go 960px because of divisibility as registe says.
600px height is the "above the fold".. even though we all agree that the term "above the fold" makes us squirm there is some value to that. While the user will scroll, the area that fits within 768px height (including the toolbars and all the other browser stuff) is 580-600px height.
This is where you should design you primary visual points of interest to guide further interaction by the user. Meaning the most important content.
THis naturally doesn't mean you should make site and cram everything into 960x600 but the most important directions and links should be in that area.
Another increasingly important approach in designing pages is liquid layouts. Even though we used them before, now they are becoming more and more important because when you are making a site, you now also have to keep in mind that the site might be viewed on different devices (mobile, tablets, TVs).. so designing a liquid layout can offer a great future proof layout.
But either way, by statistics, 960x600 should be your starting point.
- sandrinho0
trol allert
- raf0
w3schools gives you stats for nerds who frequent this site, I'd rather use http://gs.statcounter.com/#resol…
- numbers0
Also here's an example of a grid framework that adapts to multiple screen sizes.
- Miesfan0
The size of the web will not let you scream.
- d_rek0
1px by 1px
- jadrian_uk0
standard height does not exist , LOL.
- would be like coding a div with a explicit heightjadrian_uk
- < in his own wee worldkingsteven
- vaxorcist0
remember, the world is getting variable here....
iPads,netbooks... 960x600 does fine
iPhones/Android...test it and see if it's usable, try not to have complex drop-down menus....
- dbloc0
940 has been our standard....
- dbloc0
940 X 600 fits like OJ's glove