Menue links

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


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

 

 

 

 

 

 

 

 

 

 

 

Home

Cssles 18

Cssle 19b

Inhalt

Alle Templates validieren XHTML 1.0 und CSS2/ konform und sind tableless.
Dieses Template wurde auf folgenden Browsern getestet:
MAC Safari, Opera6.3 Opera8.5, Mozilla, Firefox, IE
PC: IE 6, Firefox
Linux: Konqueror, Firefox

Dowload Template

2 Spalten / zentriert / fixe Breite
2 Spalten Layoutraster, beide Spalten haben eine fixe Breite und sind eingemittet.
Dieses 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;}

Der container div zentriert das Layout und gibt ihm die Breite. Die linke Spalte bekommt ihre Hintergrundfarbe vom 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"); }

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.

IE auf Mac macht keine min-height. Die dynamic properties (i.e. expression) vom Explorer sind ein proprietäres Konstrukt und nicht W3C konform. Deshalb ist das css nicht ganz valid.
«-- zurück