The Base Page

Figure 6.1 shows a layout for a fictional bakery. The layout is liquid (also known as fluid) so that it adjusts to the width of the browser window, making it work at a variety of screen sizes without generating horizontal scrollbars or causing elements to overlap. But it certainly looks better at some screen sizes than at others. On very wide or very narrow windows, the design is still usable and looks OK, but it’s not as attractive as it is within the 800- to 1200-pixel range (Figure 6.2).

Figure 6.1. The fictional Little Pea Bakery home page, as seen in a browser window that’s 1024 pixels wide.

[View full size image]