Sunday 06th of July 2008 01:22:03 PM

MENU

#left {
position: absolute;
left: 0px;
width: 190px;
color: #564b47;
margin: 0px;
padding: 0px;
}

This column inherited it'b background color from the body definition. The padding ist defined through the p element.

CONTENT

3 columns / menu fixed, content dynamic with head and footer.
3 column layout grid. The navigation column are fixed in width, the content column is dynamic and adjusts itself to the browser window.

This layout also works with an absolute height template 100% height
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;
margin:0px;
}
#content {
margin: 0px 190px 0px 190px;
border-left: 2px solid #564b47;
border-right: 2px solid #564b47;
padding: 0px;
background-color: #ffffff;
}

in valid code we trust (*^_^*) miss monorom

Probably the easiest thing to do is to assign a class to the sidebar's table cell, so that we can specify certain appearances that are specific to the sidebar. This leads us to enter the tags <TD CLASS="sidebar"> and </TD> for the beginning and end of the cell, respectively.

Now we have the sidebar enclosed in its very own classed table cell. Since the background color for the sidebar is green, we can create container should always start with <STYLETYPE="text/css">. This is followed by one ormore styles and finished with a closing</STYLE> tag.

The styles between the opening and closingSTYLEtags are referred to as the document stylesheet or theembedded style sheet , since available, it is not assigned to500.

A user agent has to do even more work if there are less than nineweights in a given font family. In this case, it has to fill in thegaps in a predetermined way: