Webdesign - Webseiten planen, gestalten - Free-Hack Library

106
.float-wrapper {
float: left;
width: 100%;
position: relative;
}
#center {
float: right;
width: 100%;
}
Schritt für Schritt zur HTML-Seite mit Stylesheet
#left {
float: left;
margin-left: -16em; /* Schafft Platz, um die linke
Spalte links von der mittleren zu positionieren. */
}
#right {
float: right;
margin-right: -16em; /* Schafft Platz, um die rechte
Spalte rechts von der mittleren zu positionieren. */
}
.clear {
clear: both;
}
Nachdem alle Spalten positioniert sind, erfolgt der Feinschliff.
Die Spalten werden oben und am Rand eingerückt, indem die
entsprechenden margin-Werte gesetzt und Begrenzungslinien
hinzugefügt werden.
#left {
float: left;
margin-left: -16em; /* Schafft Platz, um die linke
Spalte links von der mittleren zu positionieren. */
margin-top: 1em;
border-right: 1px solid #cccccc;
padding-right: 1em; /* Abstand zum Rahmen */
}
#right {
float: right;
margin-right: -16em; /* Schafft Platz, um die rechte
Spalte rechts von der mittleren zu positionieren. */
margin-top: 1em;
border-left: 1px solid #cccccc;
padding-left: 1em; /* Abstand zum Rahmen */
}