[Pro] Best webpage size?

Tonight, I was working on a new website, which I instinctively set to 960 pixels wide x 800 pixels high. While this format seems to work well for computer screens with a 1024 x 768 resolution, it doesn’t work as well when printed out on a sheet of 8.5" x 11" paper.

This started me thinking. Is there anything wrong with designing a webpage so it fits nicely on a sheet of 8.5" x 11" paper? As far as I can tell, 960 pixels wide x 1200 pixels high seems to work well for this, but is that too big.

What size do you design most of your websites?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Well I usually stick to a 1024px width with the content inside a 960px wrapper. As far as the height, that is determined by the content.

I have recently built a site where the client offered some coupons he wanted his customers to print. I made my content wrapper with the coupons 1275px wide and 1650px high. I think this is kinda like printing your Letter size page at 150dpi. I then applied `name=unload value=window.print();` in the Extend page attributes to the page with the coupons. This means, only the stuff in the content wrapper actually prints.

Printing html pages is tricky and I do not know enough about it so if the page layout is critical I usually just have a pdf of the page available as a download.

Maybe some of the other folks here on FW Talk can shed some more light on the topic.

Cheers
Marcel


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thanks for the post Marcel. That’s a useful line of code. I’ll have to jot it down.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

“unload” or “onload” ? I’d GitHub it for you, but my Dummies Guide to
Dummies Guides is still in the mail… :smiley:


Ernie Simpson

On Wed, May 23, 2012 at 1:04 AM, Helveticus email@hidden wrote:

Well I usually stick to a 1024px width with the content inside a 960px
wrapper. As far as the height, that is determined by the content.

I have recently built a site where the client offered some coupons he
wanted his customers to print. I made my content wrapper with the coupons
1275px wide and 1650px high. I think this is kinda like printing your
Letter size page at 150dpi. I then applied `name=unload value=window.print();` in the Extend page attributes to the page with
the coupons. This means, only the stuff in the content wrapper actually
prints.

Printing html pages is tricky and I do not know enough about it so if the
page layout is critical I usually just have a pdf of the page available as
a download.

Maybe some of the other folks here on FW Talk can shed some more light on
the topic.

Cheers
Marcel


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Good catch there Ernie - it should be `onload`

Never a good idea to post stuff when I should be in bed instead of on FW Talk

Marcel


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options