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 - wir würden uns freuen und es würde uns für weitere Inhalte motivieren :).
Spenden
Sie können uns eine Spende über PayPal zukommen lassen.
Weiterempfehlungen
Empfehlen Sie es weiter - wir freuen uns immer über Links und Facebook-Empfehlungen.
Bücher über Amazon
Bestellen Sie Bücher über folgende Links bei Amazon:
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