Flexible Web Design: Creating Liquid and Elastic Layouts with CSS

Chapter 6. Putting Limits on Flexibility

You now know how to create liquid and elastic layouts that adapt to individual users’ web browsing setups. But sometimes you want layouts that aren’t quite so adaptable. It’s possible to compromise between a fixed-width layout and a 100-percent liquid or elastic layout using a number of techniques that limit the degree of flexibility that your design has.

Building Hybrid Layouts

As we discussed in Chapter 1, hybrid layouts mix units of measurements between columns. You can add one or more fixed-width columns onto your existing liquid or elastic layout to create a design that is still flexible overall—just to a lesser degree than fully liquid or elastic layouts.

Note

Each of the completed example files is available ...