Sven Rautenberg: komplett auf Tabellen verzichten

Beitrag lesen

Moin!

ich habe jetzt schon öfter gelesen, dass man mithilfe von CSS komplett auf Tabellen verzichten kann und soll. Soweit so gut.

Das ist nicht ganz richtig. Man soll auf Layout-Tabellen verzichten. Tabellarische Daten gehören natürlich weiterhin in Tabellen hinein.

Wenn ich ich jetzt aber z.b. einen zentrierten Hauptbereich auf meiner Seite habe, der 750px breit ist und einen grauen Hintergrund hat, und darin will ich weitere Elemente relativ mit Pixelangaben positionieren. Ein Elemte soll also z.b. 50 Pixel vom Rand dieses Bereiches entfernt sein. Dieses müsste also 2 Klassen angehören: der des Hauptbereiches und zusätzlich einer weiteren, die relativ 50px positioniert...

<div id="bereich">
  <div id="element2">
  Irgendwas
  </div>
</div>

body { text-align:center; }
#bereich {
  position:relative;
  width:750px;
  margin: 0px auto;
  text-align:left;
  background-color:#888;
}
#element2 {
  position:absolute;
  left:50px;
  top:20px;
}

Ist das möglich und vor allem sinnvoll, oder soll ich besser Tabellen verwenden?

Ist möglich, ist sinnvoll, ist alles eine Frage, was konkret du willst. Man MUSS keine absolute Positionierung verwenden - ich verwende sie beispielsweise nur, wenn es absolut nicht anders geht (beispielsweise für Javascript-Ausklappmenüs - aber auch die werden seltener).

- Sven Rautenberg