question about making a design

jurrie · 05-20-2010, 12:28 PM

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** · 05-20-2010, 09:10 PM

Is There A Perfect Web Design Width?

But I always go with 1024

jurrie · 05-21-2010, 12:49 PM

thanks for your reply Janine

Erdy · 05-22-2010, 06:30 PM

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 · 06-04-2010, 11:49 AM

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

innes · 06-07-2010, 03:29 AM

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 · 06-18-2010, 01:43 AM

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

CureCancer · 06-18-2010, 01:51 AM

1024px is the best option.

tcrp · 06-29-2010, 12:03 PM

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 · 08-07-2010, 08:55 AM

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

ToryC103 · 08-07-2010, 02:58 PM

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 · 08-17-2010, 02:30 AM

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 · 08-18-2010, 03:46 AM

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

MaryLyons9 · 09-01-2010, 10:01 PM

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 · 09-15-2010, 12:35 AM

1024 and 960 are good,Normally i use 1024

iamjohnbrown · 09-22-2010, 05:06 AM

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.

05-20-2010, 12:28 PM	THREAD STARTER #1 (permalink)
jurrie NamePros Regular Join Date: Jun 2005 Location: Belgium Posts: 326	question about making a design 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

05-20-2010, 09:10 PM	#2 (permalink)
Janine Freelance Web Designer Join Date: May 2006 Location: Philippines Posts: 3,019 Follow @janinexd	Is There A Perfect Web Design Width? But I always go with 1024 __________________ /Freelance Web UI/Graphic Designer/ -- Follow me on Twitter! ☛ ☛ ☛ ☛ Read the NamePros Rules and Terms of Service ☚ ☚ ☚ ☚

05-22-2010, 06:30 PM	#4 (permalink)
Erdy Senior Member Join Date: Sep 2006 Location: London, UK Posts: 1,922	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>

06-04-2010, 11:49 AM	#5 (permalink)
digital29 NamePros Member Join Date: Feb 2010 Posts: 99	960px for wordpress themes 780px for small, presentation sites __________________ La Jolla Real Estate Home Loans Real Estate News

06-18-2010, 01:43 AM	#7 (permalink)
MelissaPhilip First Time Poster! Join Date: Jun 2010 Posts: 1	775px is a default width for creating a web page.. Last edited by mis_chiff; 10-09-2010 at 12:17 PM.

05-21-2010, 12:49 PM	THREAD STARTER #3 (permalink)
jurrie NamePros Regular Join Date: Jun 2005 Location: Belgium Posts: 326	thanks for your reply Janine

06-07-2010, 03:29 AM	#6 (permalink)
innes New Member Join Date: Jun 2010 Posts: 6	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

06-18-2010, 01:51 AM	#8 (permalink)
CureCancer Senior Member Join Date: Oct 2005 Posts: 4,165	1024px is the best option. __________________ Government of the people, by the people, for the people, shall not perish from the Earth. Abraham Lincoln

06-29-2010, 12:03 PM	#9 (permalink)
tcrp New Member Join Date: Jun 2010 Posts: 8	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.

08-07-2010, 08:55 AM	#10 (permalink)
fdiola New Member Join Date: Aug 2010 Posts: 2	I would recommend to use 960px for flexibility but 1024px now are the way to go.

08-07-2010, 02:58 PM	#11 (permalink)
ToryC103 NamePros Regular Join Date: Apr 2007 Location: Texas Posts: 451	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. __________________ OtherInvestments.com

08-17-2010, 02:30 AM	#12 (permalink)
karthimx NamePros Member Join Date: Jun 2010 Location: karthimx@gmail.com Posts: 128 Follow @karthimx	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. __________________ Custom Banner Design for just $6 \| Play Free Flash Games \| Free Wordpress themes \| Top Android Application

08-18-2010, 03:46 AM	#13 (permalink)
umbrellatechnologies NamePros Member Join Date: Jul 2010 Location: Akola, India Posts: 31 Follow @nikhilrajhans	Normally I use 980 pixels. I believe 800 x 600 is irrelevant now a days. __________________ Nick Umbrella Technologies \| Offshore Web Development partner

09-01-2010, 10:01 PM	#14 (permalink)
MaryLyons9 New Member Join Date: Aug 2010 Location: 2481 E Ft Lowell Rd Posts: 5	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.

09-15-2010, 12:35 AM	#15 (permalink)
brettait New Member Join Date: Sep 2010 Posts: 2	1024 and 960 are good,Normally i use 1024

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)

09-22-2010, 05:06 AM	#16 (permalink)
iamjohnbrown New Member Join Date: Sep 2010 Posts: 10	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.