Styling Headers, Paragraphs and Main Columns of DIV-Based CSS Tables
(Page 1 of 4 )
If you’re a web designer who uses a few divs to create the layouts of the pages that comprise your web sites, then this group of articles might be useful to you. You'll be particularly interested if you want to keep up with the new trends of modern web development. In this article series, you’ll find an approachable guide to using CSS tables to build table-less web document layouts, without floating containers or negative margins.
Introduction
And speaking of the functionality offered by CSS tables, you’ll surely recall that in the last article I discussed how to utilize this useful approach to construct the layout of a simple web page, which was comprised of three primary columns. Of course, it’s valid to mention again an important aspect concerning the utilization of CSS tables: namely, that Internet Explorer 7 and below simply don’t support them.
However, you shouldn’t feel disappointed, since there’s good news on the horizon. If you’ve already worked with the beta version of Internet Explorer 8, then you’ve already seen that it renders CSS tables correctly. This fact itself should encourage you to learn the basics of this helpful CSS technique.
With that idea in mind, in the course of this third installment of the series, I’ll be demonstrating how to polish the look and feel of the three-column web page layout created in the preceding part. The examples in this article will help you learn how to mix a traditional CSS styling process with the fresh touch of CSS tables.
Now, with the preliminaries out of our way, it’s time to continue learning more about using CSS tables. Let’s jump in!
Next: Review: building a basic three-column web page layout with CSS tables >>
More Style Sheets Articles
More By Alejandro Gervasio
/ 3 
