Weitere Infos
Sie lesen:
LB1 (2009)
Diese Website ist von 2009 und wird nicht mehr gepflegt. Die Informationen sind zum großen Teil also wirklich veraltet.
Aktuelle Infos finden Sie hier:
Schritt 2: Textbereich mit einem großen Rand versehen
In diesem Schritt geben Sie dem Textbereich einen großen linken Außenrand und polstern danach den Kopfbereich ein wenig.
ToDo: Dem Textbereich einen linken Außenrand geben
- Erhöhen Sie das padding-bottom für den Kopfbereich von 0 auf 10px:
#kopfbereich {
position: relative;
color: black;
background: #ffe574 url(farbverlauf.jpg) repeat-y top left;
padding: 10px 20px 10px 20px;
} - Geben Sie dem Textbereich einen großen linken margin:
#textbereich {
padding: 20px 10px 20px 20px;
margin-left: 130px;
} - Speichern Sie das Stylesheet und betrachten Sie die Webseiten im Browser.
Und so sieht die Seite jetzt aus:
Abbildung 16.3: Der Inhalt steht neben der Navigation
