Although the vast majority of
users will never use such settings, it always pays to see how well your sites fare when very
atypical settings are used in the browser. While some problems will be tricky to get
around, others just require a little lateral thinking, as shown here.
PAGE LAYOUTS WITH CSS
277
7
Advanced layouts with multiple boxes and
columns
The layouts so far in this chapter have laid the foundation, showing you how to get to grips
with creating a wrapper for site content and then nesting a div within the wrapper, providing
a little added scope for layout. In this section, you??™re going to find out how to fashion
the basic building blocks of more complex layouts, working with two and then three or
more structural divs, finding out how they can be styled using CSS. In all cases, try to think
in a modular fashion, because the methods for creating the basic building blocks shown
can be combined in many different ways to create all sorts of layouts.
One of the main reasons for working with two structural divs is to create columns on a
web page. Although columns of the sort found in newspapers and magazines should be
avoided online, columns can be useful when you??™re working with various types of content.
For instance, you may offer current news in one column and an introduction to an organization
in another. Using columns makes both sets of information immediately available. If
a linear layout is instead used, you??™ll need to decide which information you want the user
to see first and which information will initially be out of sight.
Pages:
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376