Saturday 04th of February 2012 06:53:14 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

EM and A. Even form elements should be affected by the property, although not all user agents can do this correctly. Also, background-color is not inherited. Its default value is transparent , which makes sense; if an element doesn't have a defined color, then its background should be transparent so that the background of

7.4.1.1. Multiple styles

It's also possible to define more than one style for a given border. For example:

P.aside {border-style: solid dashed dotted solid;}

The result, shown in Figure 7-33, is a paragraph with a solid top border, a dashed right border, a dotted bottom border, and a solid left border.

Figure 7-33

Figure 7-33. Multiple border styles on a single element

have fixed backgrounds, resulting in somethinglike
Figure 6-57:

BODY {background-image: url(tile1.gif);  background-repeat: repeat;background-attachment: fixed;}H1 {background-image: url(tile2.gif);  background-repeat: repeat;background-attachment: fixed;}
Figure 6-57

Figure 6-57. Perfect alignment of backgrounds

How is this perfect alignment possible? Remember, when a backgroundis fixed , the origin element is positioned with