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

Chapter 6. Advanced Page Layout > Building Full-Length Columns

Building Full-Length Columns

Now that you understand the basics of backgrounds, you can start building pages that use full-length columns. Although you can't force divs to be longer than their content, you can use background images to create the illusion that they extend all the way down the page. The fact that you must have graphics to achieve this effect and that you have to rework the background graphic if the columns need to change color or width can make this technique a little tediousand rather against the concept of doing it all with CSS, but it does the job very effectively. So, armed with your newfound knowledge of background images, you are ready to tackle the wonderful faux-column technique.

Faux-Column Technique

I think the French name that someone out in CSS land gave to this technique (which was devised by CSS luminary Doug Bowman) certainly sounds more exotic than fake columns, which is what they really are. Let's continue with the three-columns-floated example from the previous chapter and turn it from a simple demo into a page template with full-length columns that you can use it as the basis for creating real Web sites.


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint