Tuesday 26th of September 2017 12:19:07 AM


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

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;
margin + 0
padding =
85px . Thus the top inner edge of the floated
element should be at pixel position 85; even though this is higher
than the top inner edge of the float's parent element, the math
works out such that the specification isn't violated. A similar
line of reasoning explains how the left inner edge of the floated
element can be placed to the left of the left inner edge of its


in valid code we trust (*^_^*) miss monorom

In Figure 6-1, the default foreground color isblack. That doesn't have to be the case, since users might haveset their browsers (or other user agents) to use different foreground(text) colors. If the default text were set to green, the secondparagraph in the preceding example would be green, notblack -- but the first paragraph would still be gray.

You need not restrict yourself to such simple operations, of course.There are plenty of ways to use color. You might have some paragraphs surprising to learn that this is the part of CSS2 that user agentsusually first attempt to support. Given that there were some verygood positioning implementations on the horizon as the book was beingcompleted, we felt it worthwhile to give readers a glimpse ofwhat's coming soon -- or, if you're reading this booka year or three after its publication, what can be done.

You may notice that, unlike other chapters, almost none of thefigures in this chapter was generated with a web browser. This issomething of a statement about the reliability and consistency of

There is one other important aspect of vertical formatting, which is the collapsing of adjacent margins. This comes into play when an element with declared margins immediately follows another such element in the document's layout. This was discussed in the previous chapter, using this example:

LI {margin-top: 10px; margin-bottom: 20px;}

Padding and borders, where they exist, are never collapsed. If