Kevin Audleman wrote:
> First of all, thanks to everyone who has answered my multiple
> questions this week. What a great group!
>
> Now on to my question: should web pages be built with a dynamic width,
> or should the width be set? Opinions?
>
> Personally, I would like to make sites that have a dynamic width. I
> want my design to scale with the user's browser window. However in
> practice I find it really hard to make a web page look good this way.
> For example, this design I'm working on looks good at 1024x768 and
> 800x600, but terrible at higher resolutions: http://quick2web.com/izzy
>
> I'm considering fixing the width. But if I do that, what do I set it
> at? 1024 so it looks good on the majority of windows, but people with
> lower resolution can't see all of it? Or 800 so almost every user can
> see the whole thing, but I don't have a lot of horizontal space?
Here is an answer that I do not think you will get from anyone else.
The problem with a fixed-width page is that it is optimized for certain
people, and therefore will create problems for everyone else. The
problem with a simple dynamic page which uses some fixed percentage of
the browser window width is that pages may be too wide for people who
have very wide browser windows.
All my sites are fluid, e.g. have dynamic widths, but all my recent
sites have a special property: I set a maximum width to the page which
depends on the user's preferred font size. For example, in CSS using
max-width:55em
This has several interesting consequences:
1. if the user has a very narrow browser window, the page uses all of
the window.
2. if the user has a very, very wide window, the page is centered
within the browser window, with equal sized margins at the left and right.
3. someone who needs a larger font to read clearly will get a wider
page; someone who prefers a smaller font will get a narrower page.
4. a given line will have about the same number of words, no matter
what the user's preferred font size is.
5. with older browsers which do not recognize max-width, the page takes
up a fixed percentage of the browser window. Today this is mainly IE5
and IE6.
You can see a sample at:
http://www.upsdell.com/gba/2008/MajorPeewee/index.htm
Change your preferred font size and see what happens. Change the width
of the browser window and see what happens.