service for a better code

Menu left

#left {
float: left;
width: 200px;
margin: 0px;
padding: 0px;
}

This work is licensed under a
Creative Commons License.

Menu right

#right {
float: right;
width: 200px;
margin: 0;
padding: 0;
}

Content

All templates are XHTML 1.0 and CSS2/ tableless.
This Template has been tested on the following Browser:
MAC Safari, Opera6.3 Opera8.5, Mozilla, Firefox, IE
PC: IE 6, Firefox
Linux: Konqueror, Firefox

Dowload Template

3 columns / centered / fixed width
3 columns layout grid, all columns have a fixed width and are centered.
This Layout hat eine minimale Höhe für den content div, so dass Navigation und Inhalt immer gleich lang sind.

#container {
width: 900px;
margin-bottom: 10px;
margin: 0 auto;
background-color: #ff99cc;
}

The container div zentriert das Layout und gibt ihm die Breite. The left and right column gets the backgroundcolor from the container div.

#content {
background-color: #ffffff;
padding: 0;
margin: 0 200px;
}

div#content { 
min-height:600px;
height:expression(this.scrollHeight > 600 ? "auto":"600px"); }

The content-div has a left and a right margin. Setting a min-height assures that the content area is always higher than the navigation.

IE on MAC doesn't interprets min-height. The dynamic properties (i.e. expression) used in explorer are proprietary by Microsoft. This prevents the css from validating according to W3C.
«-- back

in valid code we trust (*^_^*) miss monorom