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 {
"tall" text is aligned in Figure 8-54.

Figure 8-54

Figure 8-54. Top-aligning text

What's happened here is that the top of the "tall"text's inline box is aligned with the top of the line box.Since the "tall" text has equal values forfont-size and line-height, itscontent height and inline box are the same thing. However, considerthis:

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; }
trick I plan to use later in this chapter, for this projectwe're still going to use a table for the page's overalllayout, but we're going to modify it slightly. Instead of fourcells, it will only have two: the sidebar and the rest of the screen.The navigation bar will become part of the main display, and theblank "spacing" table cell will be eliminated entirely.This will leave us with the following: