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;
12px , and for the BIG element,it's 36px . These may seem excessive, butthey're in keeping with the overall page design. Of course, ifyou don't want your BIG text to generate toomuch extra leading, just use these rules instead:

P {font-size: 12px; line-height: 1.5;}SMALL {font-size: 66%;}BIG {font-size: 200%; line-height: 1em;}


padding:0px 20px; margin:0px; } #content { margin-left: 200px; background-color:#fff; overflow: auto; }

Let's explore this in a little more detail. Assume thefollowing:

Since, in this circumstance, the author's styles will outweighthe reader's styles -- that's how it is under CSS1,anyway -- then the new style sheet for this document will be asfollows (shown in Figure 6-21):

/* combined styles */BODY {color: black; background-color: black;}
is a single point in size.

Figure 5-27

Figure 5-27. Same font, same style, different sizes

There isn't much that can be done about this, unfortunately, save better font handling by operating systems. Usually, the italic and oblique fonts look exactly the same in web browsers.

Still, font-style can be useful. For example, it is a common typographic convention that a block quote should be italicized, but that any specially emphasized text within the quote properties is set to auto, it is reset to0 (zero), effectively removing any top or bottommargin from the element box, as shown in Figure 8-5. The lack of any space between the borders ofeach paragraph is a result of auto beingreinterpreted as zero:

P {margin-top: auto; margin-bottom: auto;}
Figure 8-5

Figure 8-5. Automatically setting margins to zero


font-sizeIE4 P/Q IE5 P/Y NN4 Y/Y Op3 Y/-

This sets the size of the font. This can be defined as an absolute size, a relative size, a length value, or a percentage value. Negative length and percentage values are not permitted. The dangers of font-size assignment are many and varied. Some of these dangers are covered in Chapter 4, "Text Properties".


H2 {font-size: 200%;}

are described in much greater detail in Web Design in a
Nutshell, by Jennifer Niederst, and Apache: The
Definitive Guide, by Ben Laurie and Peter Laurie, both
published by O'Reilly and Associates.