If I'm making a photoshop template to fit a browser without having to scroll anywhere, what size do I make it?

Question

I don't want to scroll down or to the side, I want it to fit perfectly as I am making a website template with photoshop 7.

Answer 1

Well the problem with attempting this is you have NO idea what size screen the user that visits the site will use.

Your screen may show it perfectly at 1024x768 but if the visitor has 800x600 or something different than you then your idea causes them to have to scroll. It would look small to people with 1280x960.

See this article for information about the issue.
http://www.dummies.com/WileyCDA/DummiesArticle/id-2307.html

It is a problem for a site that uses a fixed size template. There are ways to make this work with auto resizing etc. CSS can help you but it is not easy to make one size fit all.

Answer 2

Try 800 X 600 or 1024 X 768

Answer 3

Best rule of thumb is to design for a resolution of 800x600 and don't fret about monitors smaller than 17", as anything smaller than that are dinosaurs and are on their way out. If you don't want to adhere to these suggestions, then you can go for 640x480, but bear in mind that it will look awfully small in larger more modern monitors. Google for the html/css code to opt for no scroll, but read up on it's limitations before incorporating it into your code. You should more aptly be concerned about different browsers.. ie, firefox, opera, etc... and how the site is rendered in each one.