Weitere Infos

Sie lesen:
LB1 (2009)

Little Boxes Teil 1 (Cover)

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:

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