content column

All templates are XHTML 1.0 and CSS2/ tableless.

2 columns / menu fixed, content dynamic.
2 columns layout grid. The navigation column is fixed, the content column is dynamic and adjusts itself to the browser window.
The layout also works with an absolute height template 100% height
more nice and free css templates

html {
body {
background-color: #e1ddd9;
added to the largest positive margin (20px ),
yielding (20px-18px = 2px ).
Thus, there are only two pixels between the bottom of the list
item's content and the top of the paragraph's content.
This is what we see in Figure 8-24.

Figure 8-24. Collapsing margins and negative margins, in detail

There is one area of unresolved behavior, which is this: if elements overlap each other due to negative margins, which elements are "on top?" You'll note that few of the examples in font-size: 12px; font-family: Verdana, Arial, SunSans-Regular, Sans-Serif; color:#564b47; padding:0px 20px; margin:0px; } #content { margin-left: 200px; background-color:#fff; overflow: auto; }

image dimensions lets the client browser block out the space and composethe page quicker. 
You can stop text wrapping by including a CLEAR attribute in a line-breaktag.  Move your mouse over the image and you'll see the text that'sspecified in the ALT attribute.The IMG tag's  LEFT and RIGHTALIGNattribute options wrap the text around the image.  The other ALIGN