nicht angemeldet
Hallo Leute,
vorab möchte ich mich entschuldigen falls diese Frage schon x-tausend mal gestellt wurde. Trotz ausführlicher Suche konnte ich jedoch bisher keine brauchbare Lösung für mein Problem finden.
Ich möchte innerhalb eines 3-spaltigen CSS Layouts eine Tabelle -für tabellarische Inhalte- verwenden. Da die Tabelle in der mittleren Spalte sein soll, welche von zwei Spalten mit fester Breite "umflossen" wird, ist die Breite relativ und soll den gesamten übrigen Platz einnehmen, also 100%. Hier ein kurzes Quellcode-Beispiel:
--
<body>
<div style="float: left; width: 160px; border: 1px solid black;">
blablubb
</div>
<div style="float: right; width: 160px; border: 1px solid black;">
blubbbla
</div>
<div style="border: 1px solid blue; margin: 0 172px 0 172px;">
<table style="border-collapse: collapse; width: 100%;">
<tr>
<td style="border: 1px solid red;">
tabellarischer
</td>
<td style="border: 1px solid red;">
Inhalt
</td>
</tr>
</table>
</div>
</body>
--
Mit Firefox, Mozilla, Konqueror oder Opera klappt das wunderbar, nur IE5 scheint die width 100% der Tabelle nicht relativ zu den zwei umfließenden Spalten zu nehmen sondern zur gesamten Seite und das Resultat ist unschön.
Gibt es hierfür eine Lösung?
Für einen Tipp wäre ich sehr dankbar.
Viele Grüsse,
Faustus