Menue links

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

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

Dies ist ein älteres XHTML-Template.

Diese Template ist nur für Schul- und Demozwecke geeignet. Neue HTML5 Templates.

Inhalt

Dieses tableless Template validiert XHTML 1.0 und CSS2 .
Getestete Browser: MAC Safari, Opera6.3 Opera8.5, Mozilla, Firefox, IE // PC: IE 6, Firefox // Linux: Konqueror, Firefox

css template Dowload Template

2 Spalten Layoutraster / zentriert / fixe Breite
Beide Spalten haben eine fixe Breite und sind eingemittet. Eine minimale Höhe für den content div bewirkt, dass die Navigation und der Inhalt immer gleich lang aussehen.

Der container div zentriert das Layout und gibt ihm die Breite. Die linke Spalte bekommt ihre Hintergrundfarbe vom container div.

#container {
width: 1000px;
margin: 10px auto;
background-color: #ff6677;}

Der content div hat den Abstand zum linken Rand. Die Höhe ist mit min-height definiert, so dass der Inhaltsbereich immer länger als der Navigationsbereich ist. 

#content {
background-color: #ffffff;
padding: 0;
margin: 0 0 0 250px; 
min-height:550px; 
}