Thursday 22nd of March 2018 04:37:42 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 along with the rest of the document, then the next section is foryou.

Before we get there, however, there are a few more things to cover.Remember that absolutely positioned boxes can have backgrounds,margins, borders, and padding; styles can be applied within them,just as with any other element. This can make them very useful forthe creation of sidebars, "stickynotes," and other such effects. One example is the ability toset a "change marker" on any paragraph 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

specification says that its width will tend toward zero. Thus, a floated paragraph could literally be one character wide, assuming that to be the browser's minimum value for width. In order to avoid this problem, make sure that you declare a width for your floated elements. Otherwise, you could get something like Figure 7-66.

Figure 7-66

Figure 7-66. Floated text without an explicit width Backgrounds and floats