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;

normal paragraph -- then both top andbottom for any positioned element within thatcontaining block are treated as auto.

In addition, even though they don't explicitly say so, theexamples in this section (and the next few sections) are all basedaround absolute positioning. Since absolute positioning is thesimplest scheme in which to demonstrate how top,right, bottom, andleft work, we'll stick to that for now.

DIV {width: 400px; border: 1px solid black;}P.wide {margin-left: -50px; width: auto; margin-right: 10px;border: 3px solid gray;}
Figure 8-20

Figure 8-20. Setting a negative left margin

In this case, not only does the paragraph spill beyond the borders ofthe DIV, but also beyond the edge of the browserwindow itself!


A element in HTML, the same is not true of:hover. User agents could, in theory, allow theassignment of hover styles to any element, like this:

P:hover {font-weight: bold;}

Therefore, if you want to make sure your hover styles are appliedonly to your hyperlinks, you would need to use this rule:

A:link:hover {background: blue; color: white;}

The ability to combine pseudo-classes is a new feature of CSS2.

least, not until the
specification is sufficiently clarified.

8.2.3. List Items

Speaking of list items, they have a few special rules in addition to everything discussed so far. List items