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 {
body {
background-color: #e1ddd9;
font-size: 12px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
padding:0px 20px;
#content {
border:1px solid #564b47;

none to cause the suppression of underlining. This is, of course, what an author would tend to expect, and that's why the browsers do it.

Figure 4-61

Figure 4-61. How browsers really behave

The caveat here is that browsers (or any other user agents) might one day follow the specification precisely. If you depend on using none for the suppression of decorations, realize that it may come back to haunt you in the future. Then again, future versions of CSS could include a way to turn off decorations without

It's possible to use more than one of these single-side properties in a single rule; for example:

H2 {margin-left: 3em; margin-bottom: 2em; margin-right: 0; margin-top: 0;}

As we see in Figure 7-15, the margins were set as we wanted them.

Figure 7-15

Figure 7-15. More than one single-side margin

However, in this case, it might have been easier to use languages, the right edge of the containing block corresponds to the right content edge of the first box, and the left is taken from the last box. The top and bottom are the same.

If there is no such ancestor, then the content edge of the root element is used to establish a containing block.

The main thing to remember about the containing block is that it