TABLE durch CSS ersetzen?

[TioTrag]

Moin...

Also ich möchte eine bildergalerie basteln, aber diesesmal nicht mit dem praktischen tabellendesign sondern mit DIV und Co.

Als beispiel so sieht mein tabellenkonstrudt aus:

<table>
 <tr>
  <td>Thumb 1</td>
  <td>Thumb 2</td>
  <td>Thumb 3</td>
 </tr>

 <tr>
  <td>Thumb 4</td>
  <td>Thumb 5</td>
  <td>Thumb 6</td>
 </tr>

 <tr>
  <td>Thumb 7</td>
  <td>Thumb 8</td>
  <td>Thumb 9</td>
 </tr>
</table> 

Das wären jetzt 9 Thumbnails in 3 reihen und spalten
Kann man das in CSS gescheit umsetzen?

- Die Thumbs sollen wie jetzt im TD mittig zentriert dargestellt werden
- Wenn es am ende nur 8 oder 7 Thumbs sind, sollte das eine alleinige Thumb sich in der mitte einordnen, unterhalb von Thumb 5

Ich hab mal mit float:left; rumgemacht aber da kam nix gscheites raus.
Wäre auch noch gut wenn das Haupt-DIV width:80% hätte und sich die ganze
Galerie an die seitenbreite anpassen könnte - einschließlich der Thumbs die drin sind.

Kann man das mit CSS überhaupt so praktisch umsetzen oder soll ich bei Tabellen bleiben?

[Salim]

Das müsste eigentlich ganz einfach funktionieren.

Du nimmst einen Div, und stellst ihn auf 80%, text-align: center; da hinein kommt pro Spalte ein weiterer DIV, in den du dann die drei Bilder nebeneinander packst und auf float stellst.