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;

/*   assume only two faces for this example: 'Regular' and 'Bold'   */
P {font-weight: 900;}   /* as bold as possible, which will look 'bold' */
P SPAN {font-weight: 700;}   /* this will also be bold */
STRONG {font-weight: lighter;}   /* lighter than its parent */
B {font-weight: lighter;}   /*lighter still */
900 <SPAN> 700 <STRONG> 400 <B> 300 <STRONG> 200
</P>how you can affect the overlapping order at the end of the chapter.)

Remember that the containing block of an absolutely positionedelement is not necessarily its parent element. In fact, it often isnot, unless the author takes steps to correct this situation.Fortunately, that's easy to do. Just pick the element that youwant to use as the containing block for the absolutely positionedelement, and give it a position ofrelative with no offsets. Thus:

It is necessary to set a border-style for thistechnique to work. Whether you use that specific property, or simplya value of the border property, doesn'treally matter.

Of course, by doing this, you're setting a border on theelement, and that border will show up in other user agents as well.And, just to top things off, Navigator doesn't handle paddingvery well, so the previous example would result in a small amount ofblank space between the content box and the borders. Altogether, it of floated elements seems to support this interpretation. On theother hand, the CSS2 property z-index makes thisreasoning more complicated. As of this writing, implementations havenot yet advanced sufficiently to test this out, and the CSS2description of z-index doesn't really shedany light on this subject.

Ultimately, if you use negative margins, you may not get the sameresults from all browsers. Since no one can clearly say which isright, none of them can really be considered to be buggy -- at background colors, we turn now to the subject of background images. In HTML, it's possible to associate an image with the background of the document by using the BODY attribute BACKGROUND:

<BODY BACKGROUND="bg23.gif">

This will cause a user agent to load the file bg23.gif and then "tile" it in the document background, repeating it in both the horizontal and vertical directions to fill up the entire background of the document, as shown