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
3 Spalten / zentriert / fixe Breite
3 Spalten Layoutraster, alle 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: 900px;
margin: 0 auto;
background-color: #ff99cc;
}
Der container div zentriert das Layout und gibt ihm die Breite. Die linke und rechte Spalte bekommten ihre Hintergrundfarbe vom container div.
#content {
background-color: #ffffff;
margin:0 200px;
}
div#content {
min-height:600px;
height:expression(this.scrollHeight > 600 ? "auto":"600px"); }
Der content div hat den Abstand zum linken und rechten 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