Friday 15th of December 2017 08:37:12 PM


#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.


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.

IMG {vertical-align: middle;}
Figure 4-37

Figure 4-37. Middle alignment

In practice, since most user agents treat 1ex asone-half em, middle will cause the verticalmidpoint of an element to be aligned with a point one-quarter emabove the parent's baseline. Figure 4-38 showsthis in more detail.

Figure 4-38

Figure 4-38. Precise detail of middle alignment

This layout also works with an absolute height template 100% height
more nice and free css templates

html {
body {
background-color: #e1ddd9;
font-size: 12px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
#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

there isn't any possibility of value replication -- itwouldn't make any sense. There can only be one of each type ofvalue: that is, only one width value, only one color value, and onlyone border style. So don't try to declare more than one valuetype:

H3 {border: thin thick solid purple;}  /* two width values--WRONG */

In such a case, the entire statement will be invalid and should beignored altogether.