Seitenbreite begrenzen

Oft wird gewünscht, dass nicht der maximal verfügbare Platz (der mit neuen großen Monitoren immer größer wird - oft schon 1600 Pixel in der Breite) genutzt wird.

Dadurch wird die angezeigte Satzlänge pro Zeile nicht mehr so lang und die Lesbarkeit nimmt zu

CSS 2 Spalten Layout mit fixierter Breite

Gleiches Beispiel wie im Kapitel zuvor, die Breite wird auf 780 Pixel fixiert. Dazu wird um die bisherigen Bereiche ein weiteres DIV gelegt, dem die Breite zugewießen wird.

<style type="text/css">
<!--

#seitenbereich {
  width: 780px;
  background-color:silver;
}

#navi {
  float:left;
  width:13em;
  background-color:thistle;
}

#inhalte {
  margin-left: 14em;
  background-color:lightblue;
}
 -->
</style>

<div id="seitenbereich">

  <div id="navi">
    <ul>
      <li>Startseite</li>
      <li>Impressum</li>
    </ul>
  </div>

  <div id="inhalte">
    Hier HTML und CSS lernen und die
    eigene Website erstellen - selbst ist der Mensch
  </div>

</div>

Und das Ergebnis davon selber probieren und dann Browserfenster in der Breite varrieren!

vorheriges Kapitel: Design per CSS - float
Design per CSS - floatSeitenanfangMittige Ausrichtung des Layouts
eBook HTML-Seminar.de
del.icio.usMister Wong         Design per CSS - floatSeitenanfangMittige Ausrichtung des Layouts
© 2000-2010 Axel Pratzner • www.html-seminar.de • Stand 22.06.2010
Wir freuen uns über Weiterempfehlungen und Links zu www.html-seminar.de