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;
font-size: 12px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
padding:0px 20px;
#content {
margin-left: 200px;
overflow: auto;
<IMG SRC="test2.gif" STYLE="margin: 5px;" ALT="second test">

(Note that the images in Figure 8-6 are actuallyinline elements, but they effectively demonstrate that horizontallyadjacent margins do not collapse.)

Figure 8-6

Figure 8-6. Horizontal margins don't collapse

Almost as simple is this: the sum of the horizontal components of anonfloated block-level element box always equals thewidth of the parent. Take two paragraphswithin a DIV, for example, whose margins have been background-attachment: fixed;} BODY {background: white url(yinyang.gif) top left repeat-y fixed;} BODY {background: fixed url(yinyang.gif) white top left repeat-y;} BODY {background: url(yinyang.gif) white repeat-y fixed top left;}

Figure 6-58

Figure 6-58. Using shorthand

Actually, there is one slight restriction to how the values are ordered in background , which is that if you have two values for background-position , they must appear together, horizontal first, then vertical. That probably isn't a surprise, but it is important to remember. style sheet, and then link all of your pages to the style sheet, thenyou only have to edit one file in order to change the text colors ofevery last one of your pages. Affecting borders

Thevalue of color can also affect the borders aroundan element. Let's assume that you've declared these ALIGN="right">.  Each of these should terminate with a correspondingtermination tag </P>, </H2> or </DIV>as appropriate. 

The block-level <CENTER> tag is still a commonly-usedalternative (includes its own line breaks).  Use <BLOCKQUOTE>for both-margin indents, <UL> with no list items forleft-indents (see below). 
 You can terminate list items with a </LI> tag but it's sophisticated as to have both an italic face and an oblique face, and even fewer web browsers are sophisticated enough to tell the difference when both faces do exist.

Figure 5-26

Figure 5-26. More font styles

If either of these is the case, a few things can happen. If there is no Italic face, but there is an Oblique face, then the latter can be used for the former. If the situation is reversed -- an Italic face exists, but there is no defined Oblique face -- the user agent may not substitute the former for the latter, according to the