Bini's Unterrichtsmaterial

Quellcode von id_03.css


/* id_03.css     09.2009 bi

                 demo-css zu  id-selectoren*/

* {margin:0px; padding:0px; border:0px;}         /* der Universalselector Stern steht fuer alle Selctoren

                                                durch diese Definition erzwingt man aehnliches Verhalten verschiedener Browser */

html {height:100.3%;}                            /* durch die minimal groessere Ausgabe der ganzen Seite erscheint auf jeden Fall eine Bildlaufleiste */                                                



body {text-align: center;}                        /* der gesamte BodyInhalt wird zenrtiert dargestellt */



div#container {width:760px; margin: 20px auto; text-align: left;}  

                                                /* die Breite des Containers wird festgelgt, 

                                                der obere/untere-Abstand wird mit 20px festgelgt, li/re-Positionierung erfolgt automatisch

                                                die Textausrichtung wird wieder auf links gesetzt */



div#header {background: #F8F8FF;}

div#nav {background: #DEDEFF;}



div#content {background: #CCCCFF;}

div#maintext {background: #E8E8FF; padding: 20px;}    /* der Abstand des Textes vom Rand der Box wird mit 20px festgelegt */

div#menu {background: #F5F5FF;}



div#footer {background: #9999FF;}