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;
}

last box. The top and bottom are the same.

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

The main thing to remember about the containing block is that itestablishes a formatting context for all of its descendant elements.For example, if margins are declared as percentages, the percentages shouldn't have to do that. Besides, it's no fun having towrite a style sheet such as this:

H1 {font-family: 'Zurich UltraBlack', sans-serif;}H2 {font-family: 'Zurich Black', sans-serif;}H3 {font-family: 'Zurich Bold', sans-serif;}H4, P {font-family: Zurich, sans-serif;}SMALL {font-family: 'Zurich Light', sans-serif;}

Besides the obvious tedium of writing such a style sheet, it onlyworks if everyone has these fonts installed, and it's pretty

Nonetheless, an inline replaced element still has a value forline-height. Why? In order to be able to correctlyposition the element if it's been vertically aligned. Recallthat, percentage values for vertical-align arecalculated with respect to an element's line height. Thus:

P {line-height: 18px;}IMG {vertical-align: 50%;}<P>The image in this paragraph <IMG SRC="test.gif" ALT="test image">will be raised 9px.</P>
by the font-size, and the number itself is inherited, not the computed value. This allows for much more intelligent page layout, and is strongly preferred over other methods of setting line-height.

The drawback to using a number value is that IE3 will interpret it as a number of pixels. See Chapter 8, "Visual Formatting" for a detailed discussion of line-height and line boxes.

Example

P {line-height: 18pt;}override all others. In CSS1, important author styles override all
reader styles, even important ones. In CSS2, this is reversed, so
that important reader styles always win out over the author's
styles, important or otherwise.



Example

:linkIE4 Y/Y	IE5 Y/Y	NN4 Y/Y	Op3 Y/-
This pseudo-class applies to
hyperlinks, but not named anchors. It sets the styles to be used for
a hyperlink that points to a URI that has not yet been visited (i.e.,
is not listed in the browser's history).