CONTENT

All templates are XHTML 1.0 and CSS2/ tableless.

MENU floating
layout grid with a floating menu on the left.
The menu is fixed in it's width. The height adjusts to the content.
more nice and free css templates

html {
padding:0px;
margin:0px;
}
body {
background-color: #e1ddd9;
font-size: 12px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#564b47;
padding:0px 20px;
margin:0px;
}
#content {
border:1px solid #564b47;
background-color:#fff;
}

Figure 8-17.

Figure 8-17

Figure 8-17. Everything set to auto

Note that since horizontal margins do not collapse, the padding,borders, and margin of a parent element can affect its children. Thisis an indirect effect, of course, in that the margins (and so on) ofan element can induce an offset for child elements. Vertical marginsare still collapsed, as shown in Figure 8-18:

DIV {margin: 20px; padding: 20px;}