4. Creative Floating

Use floats to achieve grid-like results

In previous chapters, we started each bulletproof approach by first deciding how the component we’re dealing with should be structured—that is, what markup is most appropriate for the content being displayed? This, I believe, is an important step when building any Web site. With a goal of selecting elements that convey the most meaning to what they surround, you hope to be left with enough “style hooks” to apply a compelling design with CSS. But more important, choosing the best markup for the job means the content of the page has the best chance of being understood properly across the widest possible range of browsers and devices. It’s the foundation and should convey a clear message, ...

Get Bulletproof Web Design: Improving flexibility and protecting against worst-case scenarios with XHTML and CSS, Second Edition now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.