Variable Page Width
The size of the browser window is selected by the
computer user. The width they choose will be influenced by the size of their
computer monitor and the screen resolution they are using. This means
that the browser window your web site is displayed in will vary from
visitor to visitor.
Where possible, we design pages that adjust to changing browser widths,
to make full use of all available browser window space, and to avoid having a
horizontal scroll bar kick in unnecessarily. (However, there will always be
a minimum width of the page where the horizontal scroll bar does
become active.)
Here are some examples from our own site. Try resizing the width of
your browser window to see how this works.
- On the home page, a blue background grows and shrinks at the top right
of the page as the browser window is resized. The collage of images
below the menu gets repeated when the browser window is made wider. The
horizontal scroll bar only shows up when the browser window is narrower
than the collage of images.
- On all pages, the image behind the top menu resizes itself to adjust
to the browser window width. The text centers itself within that width.
- The column containing the main body of text adjusts to make use of the space
available.
|
