Friday 23rd of June 2017 05:23:42 AM


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

Note too that it's possible to set the descendant element of ahidden element to be visible.This would cause the element to appear wherever it normally would,despite the fact that the ancestor (and possibly the siblings) isinvisible. In order to do so, you would need to explicitly declarethe descendant element to be visible, sincevisibility is inherited. Thus:

P.clear {visibility: hidden;}
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.

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

H2 {clear: left;}
Figure 7-74

Figure 7-74. Clear to the left

However, this will allow floated elements to appear on the right sideof H2 elements, as shown in Figure 7-75.

Figure 7-75

Figure 7-75. Clear to the left, but not the right

To avoid this sort of thing, and to make sure thatH2 elements do not coexist on a line with anyfloated elements, we use the value both. Thisvalue prevents coexistence with floated elements on both sides of the