content column

All templates are XHTML 1.0 and CSS2/ tableless.

2 columns / menu fixed, content dynamic.
2 columns layout grid. The navigation column is fixed, the content column is dynamic and adjusts itself to the browser window.
The layout also works with an absolute height template 100% height
more nice and free css templates

html {
padding:0px;
margin:0px;
P.clear EM {visibility: visible;}

As for visbility: collapse, this value is used in CSS table rendering, which isn't covered in this book because it wasn't well implemented as the book was being written. According to the CSS2 specification, collapse has the same meaning as hidden if it is used on nontable elements. From a semantic standpoint, this seems somewhat confusing (since collapse sounds like it should trigger the kind of behavior you'd see with display: } body { background-color: #e1ddd9; font-size: 12px; font-family: Verdana, Arial, SunSans-Regular, Sans-Serif; color:#564b47; padding:0px 20px; margin:0px; } #content { margin-left: 200px; background-color:#fff; overflow: auto; }

image (see explanation in Section 6.2.3.2, "Percentage values" later in this chapter).

For example, we could center it, with the result depicted in Figure 6-36:

BODY {background-image: url(bigyinyang.gif);
background-repeat: no-repeat;
background-position: center;}
Figure 6-36

Figure 6-36. Centering a single background image