O'Reilly logo

CSS3 For Dummies by John Paul Mueller

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Chapter 17

Ten Quick Ways to Produce a Great Layout

This book discusses a lot of CSS-related techniques and tactics — but when you consider everything that CSS is used for today, it still comes down to a matter of layout. Creating a layout that helps the user navigate the site and actually see the content you’re trying to present is essential. When you look online, you see that there are many kinds of layouts used to present information — some work better than others do.

remember.eps The precise layout you create depends on just how fancy you want to get — and whether the content will be used on multiple devices (such as a combination of PCs and smartphones). However, most people will want either a fixed or a fluid (also called a liquid) layout. That’s because most business sites online use one of these two layouts to good effect. The layout type defines the reaction of the page to client characteristics, such as the size of the screen, but doesn’t determine issues such as the number of columns. Designers commonly group these layouts into two major and six minor layout types:

check.png Classic layouts:

Absolute: Each element is placed at a specific location on the page, no matter how much space is available.

Fixed-width: The content consumes a fixed amount of space on the page, no matter how much ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required