MENU left

Menu with fixed width.

#left {
width:175px;
padding:0px;
float:left;
}

CONTENT

All templates are XHTML 1.0 and CSS2/ tableless.
3 columns layout grid. All colums are fixed and centered.
more nice and free css templates

html {
padding:0px;
margin:0px;
}
body {
background-color: #e1ddd9;
font-size: 12px;
color:#564b47;
text-align:center;
margin:0px;
padding:0px;
}
#box {
width:750px;
margin: 0px auto;
padding:0px;
text-align:left;
}
#content {
width:400px;
padding:0px;
float:left;
background-color:#fff;
overflow: auto;
}
#head {
background-color:transparent;
}

MENU right

#right {
width:175px;
padding:0px;
float:left;
}

top: 0; bottom: 10%; left: auto; right: 0; width: 33%; height: auto;

Figure 9-6. Defining a height by using an explicit bottom

In this case, the height of the element must be90% the height of the containing block, since 100% -- 10% = 90%. This assumes, of course, that there have been nomargins, borders, or padding set for the positioned element;otherwise, the effective height would bedecreased, although the entire element (content, padding, borders,