Bini's Unterrichtsmaterial
Quellcode von id_05.css
/* id_05.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; /* die Breite des Containers wird festgelgt */
margin: 20px auto; /* der obere/untere-Abstand wird mit 20px festgelgt, li/re-Positionierung erfolgt automatisch */
text-align: left;} /* 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 festgelegt */
width:560px;} /* die Breite der Box wird festgelegt */
div#menu {background: #F5F5FF;
float: right; /* die Box schwimmt an den rechten Rand des uebergeordneten Elements > Container */
width: 135px; /* die Breite der Box wird festgelegt */
padding: 10px;} /* der Abstand des Textes vom Rand der Box wird festgelegt */
div#footer {background: #9999FF;}