CSS-Layout nun Mittig
Für eine harmonische Wirkung, wird gerne der Inhalt mittig dargestellt. Somit verteilen sich die „leeren“ Bereiche, die bei größeren Auflösungen entstehen, gleichmäßig rechts und links.
Mittige Ausrichtung des Layouts
Zusätzlich kommt nun noch die mittige Ausrichtung - für alte Versionen des Microsoft IEs muss dies zusätzlich über den <body>-Bereich mit text-align: center; geschehen -
für standardkonforme Browser klappt das über margin: 0 auto; - das „auto“ sagt, auf beiden Seiten den Platz automatisch gleichmäßig aufteilen.
<style>
body {
text-align: center; /* Zentrierung für alte IEs */
}
#seitenbereich {
text-align: left; /* Inhalt wieder links wegen alten IEs */
margin: 0 auto; /* Zentrierung mitte */
width: 780px;
background-color: silver;
}
#navi {
float: left;
width: 13em;
background-color: thistle;
}
#inhalte {
margin-left: 14em;
background-color: lightblue;
}
</style>
<div id="seitenbereich">
<div id="navi">
<ul>
<li>Startseite</li>
<li>Impressum</li>
</ul>
</div>
<div id="inhalte">
Hier HTML und CSS lernen und die
eigene Website erstellen - selbst ist der Mensch
</div>
</div>
Weiterempfehlen • Social Bookmarks • Vielen Dank
Bitte unterstützen Sie dieses Projekt
Sie können dieses Projekt in verschiedenen Formen unterstützen - ich würden mich freuen und es würde mich für weitere Inhalte motivieren :).
Spenden
Sie können mir eine Spende über PayPal zukommen lassen.
Weiterempfehlungen
Empfehlen Sie das HTML-Seminar weiter - ich freue mich immer über Links und Facebook-Empfehlungen.
Vielen Dank für Ihre Hilfe
-
E-Books zum Kurs
von HTML-Seminar.deE-Books mit rund 930 Seiten Umfang als PDF. Alle 3 zu einem Preis.
Mehr Details
-
