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 {
body {
background-color: #e1ddd9;
font-size: 12px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
padding:0px 20px;
#content {
float: left;
width: 75%;
background-color: #fff;
margin:0px 0px 50px 0px;
overflow: auto;
set a "change marker" on any paragraphthat has been edited. This could be done using the following stylesand markup:

SPAN.change {position: absolute; top: 0; left: -5em; width: 4em;font-weight: bold;}P {margin-left: 5em; position: relative;}<P> Lorem ipsum, dolor sit amet, consectetuer adipiscing elit,sed diam nonummy nibh euismod tincidunt ut <SPAN CLASS="change">***</SPAN>laoreet dolore magna aliquam erat volutpat.</P>
property to tie them all together. These properties are used toaffect the type of bullet used in a list, to replace the bullet withan image, and to affect where the bullet or image appears in relationto the text of the list item.

Just in case you're unfamiliar with the concept of a"bullet," it's the little decoration to the side ofa list item, as depicted in Figure 7-79.

Figure 7-79

Figure 7-79. Bullets

negative top margin and no margins on its other sides -- this willkeep the example simple. In addition, we'll make the paragraphbold, so that it's easier to distinguish from its neighbors:

<P STYLE="margin: -1.75em 0 0 0; font-weight: bold;">This paragraph has a negative top margin...</P>

We can see in Figure 7-18 that the paragraph hasbeen pulled up so far that it's practically overlapping the endof the previous paragraph. This is the expected effect.