Um mit CSS einen Blocksatz zu erzeugen, muss man folgendes im Stylesheet tun:
.div_blocksatz {
text-align:justify;
}
Kategorie: CSS
Div Box scrollbar machen
Um einen DIV mit Scrolbalken zu versehen, muss man diesem als erstes eine fixe Höhe verpassen, z.B.
.div_mi_fixer_hoehe {
height:100px;
}
Dann muss man die Eigenschaft overflow nutzen Damit entscheidet sich, was mit dem nhalt passiert, der die Höhe des DIV überschreiten würde. Man kann overflow auf scroll, hide oder auto setzen. Scroll ist unser Stichwort, wir wollten ja Scrollbalken erzeugen.
.div_mi_fixer_hoehe {
height:100px;
overflow:scroll;
}
So wird bei zuviel Inhalt ein Scrollbalken erzeugt.
Text vertikal zentrieren mit CSS
So kann man Text vertikal zentriert in einem Container ausrichten:
<div style=“background-color:#cfcfcf;line-height:30px;vertical-align:middle;“>Mitte</div>
CSS Hack für IE7 / CSS für den Internet Explorer 7
Mit folgenden Schnipsel CSS kann man in einem Stylesheet nur für den IE7 gültige Definitionen anlegen:
.klasse_normal {
} //Gilt für alle Browser
*+html .klasse_normal {
} //Gilt nur für Internet Explorer 7
CSS Hack für IE6 / CSS für den Internet Explorer 6
Mit folgenden Schnipsel CSS kann man in einem Stylesheet nur für den IE6 gültige Definitionen anlegen:
.klasse_normal //Gilt für alle Browser
{
}
* html .klasse_normal //Gilt nur für Internet Explorer 6
{
}
Div zentrieren / mittig ausrichten
Um ein DIV – Container zu zentrieren, wie man es mit bei HTML align=“center“ kann, muss man dessen margin auf auto setzen:
<div style="width: 400px; margin: auto;">div zentriert</div>
Für ältere Browser muss man noch ein umschließendes div einrichten:
<div style="text-align: center;"> <div style="width: 400px; margin: auto;">div zentriert</div> </div>