O'Reilly logo

Bulletproof Web Design: Improving flexibility and protecting against worst-case scenarios with XHTML and CSS, Second Edition by Dan Cederholm

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

8. Fluid and Elastic Layouts

Experiment with page layouts that expand and contract

It’s only natural to talk about how an entire page can embrace flexibility as well as the components contained within it. We’ve gone over several components in previous chapters of the book, but now let’s explore page layouts in general—how CSS can be utilized to create columned pages that expand and contract regardless of screen, window, or text size.

Before we begin, I should mention that I’m not going to fuel the debate over whether a fluid or elastic layout is better than a fixed-width layout (or vice versa). I believe that each has its own place, and deciding to use a fluid, elastic, or fixed-width layout hinges on many variables—factors that are unique to ...

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