Chapter 20. Page Layout in CSS

<feature><title>What You’ll Learn in This Hour:</title>

  • The different strategies for laying out a page in CSS

  • Why it’s a bad idea to use <table> for page layout

  • The steps to replacing a table-based layout with a CSS-based structure

  • How to write HTML code for CSS-based layouts

  • How to use positioned content to lay out a page

  • How to use floating columns to lay out a page

One of the major draws of modern CSS—as supported by recent, more compliant browsers—is the freedom to replace clunky HTML layout tables with structured HTML markup, styled by CSS rules. In previous hours, you’ve learned how to place individual portions of your web page in specific locations using absolute positioning or floating content. You can use the ...

Get Sams Teach Yourself CSS 24 in Hours 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.

Start your free trial