Wie erstelle ich eine 100% Tabelle mit Grafik?

[snoozlebug]

Ich möchte eine Tabelle mit 3 Spalten erstellen. Diese Tabelle soll sich auf 100% Breite erstrecken. Spalte 1 soll ein 100 Pixel breites Bild als Hintergrund haben. Spalte 2 soll einfach nur einen farbigen Hintergrund haben und Spalte 3 soll ebenfalls eine 100 Pixel Grafik als Hintergrund haben.
Wie erreiche ich dass Spalte 1 und 3 immer unverändert sind und sich nur Spalte 2 auf die Breite anpasst?
Gebe ich 100 Pixel, 100% und 100 Pixel ein, werden die Bilder immer verdeckt.
Hat da einer eine Lösung?

 

[vitus37]

Der width-Wert auto bewirkt eine automatische Breite, angepasst an den verfügbaren Platz. 100% -> auto

 

[threadi]

"auto" ist bereits der default-Wert für width. Lass also width einfach weg für die mittlere Spalte.

 

[Space Vampire]

Ich erkläre es mal mit etwas weniger "akademischer" Wortwahl
Eine Tabelle besteht im Groben mindestens aus drei Tags:
<table> bezeichnet die Tabelle insgesamt
<tr> bezeichnet die einzelnen Zeilen innerhalb des table
<td> bezeichnet die einzelnen Zellen(Spalten) inhherhalb der tr
Anders als andere Blockelemente sind Tabellen ohne Formatierung immer nur so groß, wie für ihren Inhalt nötig ist

So viel zur Theorie.
Du willst eine Gesamtbreite von 100% erreichen, in der einzelne Elemente starr und andere flexibel bleiben.
Das erreichst du, indem du dem Haupttag <table> eine width:100%; gibst.
Dann weist du den <td>, die eine feste Breite haben sollen ihre width:100px; zu.
Die übriggebliebene <td> orientiert sich dann weiter an den 100% des Eleternelements <table>, abzüglich der 2x 100px der beiden formatierten <td>