O'Reilly logo

Flexible Web Design: Creating Liquid and Elastic Layouts with CSS by Zoe Mickley Gillenwater

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 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 ...

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