right column

Sunday 06th of July 2008 01:21:39 PM

#menu {
float: left;
width: 25%;
background-color: #ff99CC;
overflow: auto;
}

content column

All templates are XHTML 1.0 and CSS2/ tableless.

2 columns / menu and content dynamic
2 column layout grid. The navigation column and content column are dynamic and adjust themselves to the browser window.
This layout also works with an absolute height TEMPLATE 100% height
more nice and free css templates

which makes sense; if an element doesn't have a defined color,then its background should be transparent so that the background ofits ancestor elements will be visible. Imagine for a moment that thedefault value were something else, such as silver.Then you would always see something along the lines of Figure 6-16. This could be quite a problem, ifthat's how browsers behaved! Fortunately, they don't.
Figure 6-16. Nontransparent backgrounds
Most of the time, you'll have no reason to use the keywordtransparent. On occasion, though, it can be
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 {
float: left;
width: 75%;
background-color: #fff;
margin:0px 0px 50px 0px;
overflow: auto;
}