Ich habe mitbekommen, dass der Umgang mit Tabellen mittlerweile verpönt ist. Nun möchte ich aber ein paar Textblöcke wie eine Tabelle über CSS gestalten. Ist so etwas möglich?

Du kannst die CSS-Display-Eigenschaften table, table-cell und table-row verwenden um verschiedene CSS-Elemente, also DIV's, P's, LABEL's etc. wie Tabellen darzustellen.

Beispiel:



Source:

<style>
  .table {
    display: table;
  }
  .row {
    display: table-row;
  }
  .cell {
    display: table-cell;
    width: 100px;
    height: 50px;
    border: 1px solid #f0f;
    padding: 1px;
  }
</style>

<div class="table">
  <div class="row">
    <div class="cell">CELL A</div>
    <div class="cell">CELL B</div>
    <div class="cell">CELL C</div>
  </div>
</div>

Demo: http://jsfiddle.net/LNMTE/

Alternativ kannst du auch floating-Layout verwenden. Dh. du verwenden die CSS float Eigenschaft. Jedoch hast du dann das Problem das es mühselig ist gleiche Spaltenbreiten zu erreichen wenn du mehrere Zeilen hast wobei die Zellen unterschiedliche Spaltenbreiten vorraussetzten. Wenn man da nicht genau aufpasst, kann es schnell passieren das man eine Stufe drin hat. Das passiert bei display:table und co nicht.

Du meinst wahrscheinlich die Tatsache das viele Leute Tabellen dazu "Misbrauchen" ein Seitenlayout zu machen (z.B links eine Spalte 100px für das Menü, rechts eine große Spalte für den Inhalt)

DAS ist in der tat verpönt. Wenn du Tabellen darstellen willst, darfst du auch ruhig Tabellen benutzen.

Wenn es dir um das Layouten geht, schau dir doch mal diesen Link an. Ganz unten auf der Seite findest du 9 Beispiele.

Update

Ganz vergessen: Wenn du ein umfangreiches Layout machen willst ist YAML ziemlich cool und mehr als nur einen Blick wert. Besonders zu betonen ist auch builder.yaml.de - Aufrufen => Layout durch eigene vorlieben definieren => runterladen.

Grüße