Question about making a design

jurrie · May 20, 2010

hello,

I have a question for the webdesigners ( not coders ) amongst us.

i want to make my own design, but i'm pondering about what size to use in photoshop, so what is the standard width for a webdesign nowadays ( in pixels )

thanks

Jurrie

Janine · May 21, 2010

Is There A Perfect Web Design Width?

But I always go with 1024

jurrie · May 21, 2010

thanks for your reply Janine

Erdy · May 23, 2010

I mostly use 960px. I have used 980px too but rarely.

1024px wide screen resolution is common resolution for most 17" monitors and 10" netbook monitors. The scrollbar will take 17px on windows XP. If you make the site wider than 1007px then those 17" monitor and 10" netbook users will see a horizontal scrollbar because the page will not fit.

Since 17" monitors have become less and less common over the last few years, I was planning to design for 19" which has 1280px wide standard resolution. But with the introduction of netbooks I will stick with designing for 1024px.

Btw, I never use photoshop for web design. I always start with something like this and continue from there:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
body {
	margin: 0px;
	padding: 0px;
}
#container {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
#header {
	height: 100px;
	background-color: #E8E8E8;
}
#content {
	height: 500px;
	background-color: #D7D7D7;
}
#footer {
	height: 100px;
	background-color: #CCCCCC;
}
-->
</style>
</head>

<body>
<div id="container">
  <div id="header">header</div>
  <div id="content">content</div>
  <div id="footer">footer</div>
</div><!-- end container -->
</body>
</html>

digital29 · Jun 4, 2010

960px for wordpress themes
780px for small, presentation sites

innes · Jun 7, 2010

My Photoshop canvas is usually 1200x1200 so I can design the background and any fixed width elements easily, but the main width of the design itself is around the 960px mark as others have said

MelissaPhilip · Jun 18, 2010

775px is a default width for creating a web page..:talk:

DN BROKER · Jun 18, 2010

1024px is the best option.

tcrp · Jun 29, 2010

Now a days many options are there but 960px is middle to the range. Also depends on what kind of design you want to design.

fdiola · Aug 7, 2010

I would recommend to use 960px for flexibility but 1024px now are the way to go.

ToryC103 · Aug 7, 2010

I believe differently than the others here.

If your target demographic is 18-25 year old gamers, then use 1024 and up. But, if your target audience is in the baby boomer generations, then you need to design your site at 800x600.

I personally hate 800x600, and one day it will be irrelevant. My favorite width is 960px.

karthimx · Aug 17, 2010

you can use any size above 700 px width. Make sure it set as pixels in photoshop.

Normal size will be 1024px wide and 900px height.

umbrellatechnologies · Aug 18, 2010

Normally I use 980 pixels. I believe 800 x 600 is irrelevant now a days.

MaryLyons9 · Sep 2, 2010

you don't need to worry about web design and size because there are so much online web template which you can use to make your own website easily.
so don't worry about this.

brettait · Sep 15, 2010

1024 and 960 are good,Normally i use 1024

iamjohnbrown · Sep 22, 2010

You can opt for the resolution of 1024 x 768 in the first few days. Most of the analytics software allow you to get the resolution of the client. If there are variety of resolutions, you can try fluid layout which will be easier to maintain.

Question about making a design

Established Member

NamePros MemberVIP Member

Established Member

VIP Member

Established Member

New Member

New Member

VIP Member

New Member

New Member

Established Member

Established Member

Established Member

New Member

New Member

Established Member

Similar threads

We're social

Carfuly.com

verified.ch

TechAssistance.com

2017covfefeact.com

SupportAndMore.com

Protocol.ml

silexis.com

AuxWallet.com

ARGifts.com

TheSoccerShop.com

Pinned

Appreciation

Agreement

Answers

Relevance

Reaction

Status

Feeling