Menu left

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


monorom
Creative Commons License
This work is licensed under a
Creative Commons License.

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

css template Dowload Template

2 columns / centered / fixed width
2 columns layout grid, both columns haben eine fixe Breite und sind centered.
This Layout hat eine minimale Höhe für den content div, so dass Navigation und Inhalt immer gleich lang sind. 

#container {
width: 800px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
background-color: #ff99cc;}

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

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

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

The content-div has a left 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