Free Trial

Safari Books Online is a digital library providing on-demand subscription access to thousands of learning resources.

  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL
Help

Chapter 9. CSS for Layout > How do I create a three-column layout?

9.3. How do I create a three-column layout?

We’ve explored a basic two-column page set-up, but how easy is it to add a third column to our fixed-width layout, perhaps to add some subnavigation?

9.3.1. Solution

Adding a third column to take care of subnavigation is actually quite simple. We can just add our subnavigation element structure to the existing markup, float it left, and then adjust our other columns to give it some space. The markup and CSS follow, and the result can be seen in Figure 9-9:


  

You are currently reading a PREVIEW of this book.

                                                                                                                    

Get instant access to over $1 million worth of books and videos.

  

Start a Free 10-Day Trial


  
  • Safari Books Online
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint