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

Chapter 13. CSS Layouts

Chapter 13. CSS Layouts

The past few years, people have sought a means to transcend all the problems related to table-based layouts and use CSS specifically for managing the visual layouts of their designs. In this chapter, you get a chance to work with the primary types of layouts in CSS that are typically used to achieve a range of design. Some of these layouts are based on positioning schemes, which you explored in Chapter 12, “Positioning, Floats, and Z-index.” Some of the layouts use floats, which, you'll recall, are not a positioning scheme but do enable you to create columnar layouts. The combination of floating and positioning is common as well, and you'll get to see examples of that in action.

NOTE

For the purposes of clarity, I'm going to teach you how to create these designs in their most pure form. This means that I'm leaving out a number of popular hacks that might be necessary for you to implement, depending upon your browser base. Without the hacks, these designs will work very well in the browsers described in Table 13-1.

Table 13-1. Browser Support for CSS Layouts in This Chapter
BrowserOSVersion
Internet ExplorerWindows6.0
MozillaAll available1.x+
NetscapeAll available6.x+
FirefoxAll availableAll
OperaAll available6.x+
SafariMacintosh1.x+




PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


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