** Building a website for the 1st Time ::: DIMENSIONS **

[bigbonthabeat]

This is my first time to build a website and I'm currently making all the images in photoshop right now. In the end, I want my website to be fixed like this one (I don't want any scrolling):

www.diddydirtymoney.com/

When making the different page designs, what dimensions do I need to use in Photoshop ?

thanks

 

[ronaldroe]

960 wide x 680-700 high is usually a safe bet, though some netbooks are only 600px high to begin with. Consider using % to size items so they automatically adjust. Beware, though, this can make for some funky effects if you don't set mix/max size values (like stretched/pixelated images).

Example:

div.whatever: {
height: 100%;
min-height: 600px;
max-height: 720px;
min-width: 800px;
max-width: 960px;}

That will cause the height of the div to adjust according to the height of its container (or the browser window), but will stop it from getting too small or too large. If you want the div to adjust based on the width of its container, substitute that value for the height value. Only defining 1 value keeps the element proportioned so images won't distort.