Kopfzeile
  Haupt-
  navigation
  Zweitnavigation
  Rubrik
  Inhalt der Seite

Die folgenden CSS-Angaben wurden geschrieben, um die Website http://wob11.de umzubauen.

Wenn ich die Website neu gestalten würde, würde ich wahrscheinlich anders vorgehen und beispielsweise auf absolute Positionierung verzichten. Dafür müsste ich jedoch dem HTML eine andere Struktur geben. Das war aber nicht Sinn der Übung!

Zurück zum Dokument

#kopfbereich{
  height:94px;
  margin-right:20em;
  }
#hauptnav{
  position:absolute;
  top:160px;
  left:0;
  width:220px;
  height:300px;
  }
#zweitnav{
  position:absolute;
  top:0;
  right:0;
  width:20em;
  height:94px;
  }
#rubrik-text{
  float:left;
  margin-top:10px;
  width:220px;
  height:46px;
#inhaltsbereich{
  margin:10px 20px 0 230px;
  border:1px solid #000;
  }
#fussleiste{
  width:100%;
  margin:10px 20px 0 0;
  height:46px;
  }

Zurück zum Dokument

  Fußleiste