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 {
padding:0px;
boldfaced text. There's your padding.

This all seems familiar enough, even when the boldfaced text stretches across multiple lines. Turn to Figure 7-61 to see what happens with padding set on an inline element displayed across multiple lines:

B {padding: 10px; background: silver;}
Figure 7-61

Figure 7-61. Padding on an inline element that spans multiple lines

As with margins, the left padding is applied to the beginning of the margin:0px; } body { background-color: #e1ddd9; 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; }

In CSS, it is possible to set an explicit height on any block-level element. If this is done, the resulting behavior is somewhat uncertain. Assume that the specified height is greater than that needed to display the content:

<P STYLE="height: 10em;">

In this case, then the extra height is treated somewhat like extra padding, as depicted in Figure 8-3.