Resizing page /web site to fit browser

Good evening.

I am working on a site (slowly but surly) and for the first time I have seen the page in IE for window (looks like v 7) and the site was HUGE you had to use the scroll bars on the side and bottom to see around…

is there a way of adjusting this so that the site resizes based on a normal browser window… I want to say the monitor was a dell 17 inch and her window size was about 3/4 of it.

any suggestions??

the site is:
http://www.grassrootsweb.net/tlc

thanks to all!!

Julie


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

I’d take an educated guess here and say that no, there isn’t Action-based way to shrink it all down. I think it’d be called Dynamic Page Scaling and I’m not too sure if anything like that exists.

I’d assume people built their sites either 800x600, but typically you see them 1000x # since most people, you’d figure by now, would have updated their computer monitors to be something around 1024x768. I know I design my sites at least 1000px wide and obviously the height would vary.

I did do a quick Google search and here are some suggestions:

Strategy One:

Let the page’s content flow into the space available to it. For container elements (table, div, p, frames, etc.) use percentage widths. For fonts, use relative sizes (large, medium, small, etc.) Sometimes, floating content, especially images, will help (style=“float:left;” for example). Don’t worry about things looking exactly the same at all resolutions.

Strategy Two:

Pick a resolution you think is the lowest target for your page. Confine and center everything to those dimensions. There will be alot of blank space left and right at higher resolutions but, if the page lends itself to this type of presentation it will look OK.

Strategy Three:

Wing it. Lay out the page at the prevailing resolution, currently 1024x768, in my opinion. View it in other resolutions, make adjustments so it at least looks OK at other resolutions without losing its essential appearance at the core resolution. You can combine absolute position with relative, fixed widths with percentage ones to achieve this effect on a case by case basis.

Others will have different opinions and there are probably other approaches I am not covering. The unifying principal in all three of these approaches is:

Don’t insist on the page looking exactly the same at all resolutions.


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

Sometime around 14/7/09 (at 03:58 -0400) Dan J said:

most people, you’d figure by now, would have updated their computer
monitors to be something around 1024x768. I know I design my sites
at least 1000px wide and obviously the height would vary.

If you design a site at 1000px wide it would be a little too wide
for people with a 1024px-wide display. Mac users very rarely have the
browser window absolutely full-screen, and those cursed with Windows
have space stolen from the sides and the tops/bottoms for various
things, some browser-based and some OS-based.

A safer width for the 1024x768 crowd would be 900-950px. Tedious, eh?
The 1024x768 size is not as common as it once was, but it still
represents something like a third of current computer users. [sigh]

Fortunately, lower resolutions are well down into the lower end of
single-figure percentages, fewer than 1 in 20 if your visitors
conform precisely to those statistics. And they’ll be feeling the
pressure from most sites they see, not just yours and mine!

The thing to do, however, is consider your actual intended audience
and what the average display resolution is for that group.

k


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

Thank you Keith and Dan. I will try your suggestions.
The great thing was that nothing was out of place
Just the size!
Any more thought would be welcome too
Julie

Sent from my iPhone

On Jul 14, 2009, at 4:20, Keith Martin email@hidden wrote:

Sometime around 14/7/09 (at 03:58 -0400) Dan J said:

most people, you’d figure by now, would have updated their computer
monitors to be something around 1024x768. I know I design my sites
at least 1000px wide and obviously the height would vary.

If you design a site at 1000px wide it would be a little too wide
for people with a 1024px-wide display. Mac users very rarely have
the browser window absolutely full-screen, and those cursed with
Windows have space stolen from the sides and the tops/bottoms for
various things, some browser-based and some OS-based.

A safer width for the 1024x768 crowd would be 900-950px. Tedious,
eh? The 1024x768 size is not as common as it once was, but it still
represents something like a third of current computer users. [sigh]
Browser Display Statistics

Fortunately, lower resolutions are well down into the lower end of
single-figure percentages, fewer than 1 in 20 if your visitors
conform precisely to those statistics. And they’ll be feeling the
pressure from most sites they see, not just yours and mine!

The thing to do, however, is consider your actual intended audience
and what the average display resolution is for that group.

k


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

Wha is pasteboard width?

What should it be set at

Sent from my iPhone

On Jul 14, 2009, at 4:20, Keith Martin email@hidden wrote:

Sometime around 14/7/09 (at 03:58 -0400) Dan J said:

most people, you’d figure by now, would have updated their computer
monitors to be something around 1024x768. I know I design my sites
at least 1000px wide and obviously the height would vary.

If you design a site at 1000px wide it would be a little too wide
for people with a 1024px-wide display. Mac users very rarely have
the browser window absolutely full-screen, and those cursed with
Windows have space stolen from the sides and the tops/bottoms for
various things, some browser-based and some OS-based.

A safer width for the 1024x768 crowd would be 900-950px. Tedious,
eh? The 1024x768 size is not as common as it once was, but it still
represents something like a third of current computer users. [sigh]
Browser Display Statistics

Fortunately, lower resolutions are well down into the lower end of
single-figure percentages, fewer than 1 in 20 if your visitors
conform precisely to those statistics. And they’ll be feeling the
pressure from most sites they see, not just yours and mine!

The thing to do, however, is consider your actual intended audience
and what the average display resolution is for that group.

k


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

On 14 Jul 2009, at 16:41, Julie wrote:

Wha is pasteboard width?

It’s the width of the ‘spare’ space around your site in Freeway, the
place where you can draw things to experiment with without putting
them into your site. You can adjust the width in Document Setup.

What should it be set at

You could experiment and find what’s good for you? I usually set it to
1000px, but that’s just me.

best wishes,

Paul Bradforth

http://www.paulbradforth.com


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

Thank you!

Sent from my iPhone

On Jul 14, 2009, at 13:00, Paul Bradforth email@hidden wrote:

On 14 Jul 2009, at 16:41, Julie wrote:

Wha is pasteboard width?

It’s the width of the ‘spare’ space around your site in Freeway, the
place where you can draw things to experiment with without putting
them into your site. You can adjust the width in Document Setup.

What should it be set at

You could experiment and find what’s good for you? I usually set it
to 1000px, but that’s just me.

best wishes,

Paul Bradforth

http://www.paulbradforth.com


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

On 14 Jul 2009, at 18:35, Julie wrote:

Thank you!

Sent from my iPhone

A pleasure!
Sent from my iMac!

best wishes,

Paul Bradforth

http://www.paulbradforth.com


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

It’s the width of the ‘spare’ space around your site in Freeway, the
place where you can draw things to experiment with without putting
them into your site.

Exactly so. Although any layered items WILL be published. If they’re
to the right or below the page then your visitors will be able to
scroll to see those items. Either keep your tests and spare items to
the left or above your page or make sure that they’re unlayered.

I usually set it to 1000px, but that’s just me.

Me too. :slight_smile:

k


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

On 14 Jul 2009, at 22:46, Keith Martin wrote:

Exactly so. Although any layered items WILL be published. If they’re
to the right or below the page then your visitors will be able to
scroll to see those items.

Well spotted; should have thought of that!

best wishes,

Paul Bradforth

http://www.paulbradforth.com


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