content column

All templates are XHTML 1.0 and CSS2/ tableless.

2 columns / menu and content dynamic
2 column layout grid. The navigation column and content column are dynamic and adjust themselves to the browser window.
This layout also works with an absolute height TEMPLATE 100% height
more nice and free css templates

html {
padding:0px;
margin:0px;
}
body {
background-color: #e1ddd9;
font-size: 12px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#564b47;
padding:0px 20px;
margin:0px;
P {font-size: 12px; line-height: 18px;}IMG {height: 30px; margin: 0; padding: 0;}
Figure 8-65

Figure 8-65. Replaced elements don't actually increase the line height

Despite all the blank space, the effective value ofline-height has not changed. It simply has noeffect on the image's inline box, which is in this case30px tall.

Nonetheless, an inline replaced element still has a value forline-height. Why? In order to be able to correctly } #content { float: left; width: 75%; background-color: #fff; margin:0px 0px 50px 0px; overflow: auto; }

other slightly: for example, the bottom border of the first line isjust below the top border of the second line. This is because theborder is actually drawn on the next pixel (assuming we'reusing a monitor) to the outside of each linebox. Since the line boxes are touching each other, their borders willoverlap as shown in Figure 8-46.

If we alter the SPAN styles to have a backgroundcolor, the actual placement of the line boxes becomes quite clear, aswe can see in Figure 8-47.

In order to understand this more clearly, let's look at threeexamples of font-weight assignment. In the first, assume that thefont family Karrank% is an OpenType font and so already has nineweights already defined. In this case, the numbers are assigned toeach level, and the keywords normal andbold are assigned to the numbers400 and 700, respectively.

In our second example, we consider the font family Zurich, which wasdiscussed near the beginning of this section. Hypothetically, its