Direktnavigation

Weitere Infos

Sie lesen:
LB Teil 1 (2009)

Little Boxes Teil 1 (Cover)

Aktuell (2015)
Einstieg in CSS

Einstieg in CSS (Cover)


2. Auflage!

Einstieg in CSS (Cover)

Inhaltsbereich

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
  1. 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;
    }

  2. Geben Sie dem Textbereich einen großen linken margin:

    #textbereich {
      padding: 20px 10px 20px 20px;
      margin-left: 130px;
    }

  3. 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
Abbildung 16.3: Der Inhalt steht neben der Navigation