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
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