mila: Tabellen trotz border-spacing rechts und links bündig

Beitrag lesen

Das riecht nach Layout-tabelle.

Nein, es ist tatsächlich eine echte Inhalts-Daten-Tabelle. Die soll aber natürlich vernünftig aussehen :) Layout-Tabellen nehm ich nicht, glaub mir.

Online-Beispiel ist ein wenig schiwerig, da es um einen großen Kunden geht.

Aber mal als Code-Beispiel das Szenario quick and dirty nachgebaut: (CSS steht sonst natürlich vernünftig in einer Datei, Markup ist formatiert und Tabellen haben auch thead und tfoot usw)

<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.2//EN" "http://www.openmobilealliance.org/tech/DTD/xhtml-mobile12.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<style>
    * {margin: 0; padding: 0;}
    table {border-collapse: separate; border-spacing: 20px; width: 100%;}
    table td {border-bottom: 1px solid #000;}
</style>
</head>
<body><div>
<table>
<tbody>
<tr><td>Daten</td><td>Daten</td><td>Daten</td></tr>
<tr><td>Daten</td><td>Daten</td><td>Daten</td></tr>
<tr><td>Daten</td><td>Daten</td><td>Daten</td></tr>
</tbody>
</table>
</div>
</body>
</html>