Friday 03rd of September 2010 11:52:58 PM

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

order to avoid being obscured behind the floating element.

8.3.2.1. Negative margins

As was discussed in the previous chapter,negative margins can cause floated elements to move outside of theirparent elements. This seems to be in direct contradiction to therules explained earlier, but it isn't. In the same way thatelements can appear to be wider than their parents through negativemargins, floated elements can appear to protrude out of their