In der Epoche des CSS-Layouts werden die Tabellen regelrecht zu einer Sünde. Tabellen sollten für Layoutzwecke nicht eingesetzt werden. Ist auch richtig so. Muss man jedoch tabellarische Daten ausgeben (z.B. Listen, technische Daten) so sollte man die Tabellen einsetzten. Zum designen der Tabllen sollte natürlich CSS eingesetzt werden.
Öfters mal hat man das Problem, dass die Tabelle so gar nicht das tut, was man möchte: die einzelnen Splaten verhalten sich ganz eigenwillig: Die Abstände sind alle unterschiedlich und lassen sich kaum steuern. Um alle Spalten gleich breit zu machen kommt foglende Eigenschaft zum Einsatz:
table
{
table-layout:fixed;
border-collapse:collapse;
width:100%;
}
Damit wird die Tabelle in voller Breite ausgegeben und alle Spalten gleich breit gemacht. Und sie werden auch dann ihre Breite behalten, wenn der Inhalt mal zu lang werden sollte. “border-collapse” eleminiert übrigens den Zwischenraum zwischen den Tabellenzellen.

Eine andere schöne CSS-Eigenschaft ist “white-space:nowrap;”. Sie arbeitet wie das alte nowrap und verhindert das Umbrechen langer Zeilen in Tabellen. Jedoch erst ab IE5.5.

Bookmarken