nicht angemeldet
Fixe und variable Definition der Spaltenbreite
Hallo!
Ich fange mal mit der Ausgangssituation an:
Ich möchte eine Tabelle mit 3 Spalten, bei der jeweils die linke und rechte Spalte mit 200px definiert ist. Die mittlere Spalte ist jedoch variabel.
Die komplette Tabelle soll 90% breit sein.
Wenn man dann die Tabelle zusammenschiebt soll diese bei insgesamt 1080px fixiert werden. Ich hatte gedacht, dass ich dann einfach ein Bild/Tabelle mit 680px in die mittlere Spalte einfüge und sich damit das Problem erledigt hätte.
Ich habe mich schon an diesem Beispiel bedient: http://de.selfhtml.org/css/eigenschaften/tabellen.htm
Außerdem überlappt sich der Inhalt aus der mittleren Spalte. Hab es schon mit Overflow probiert, aber das hilft auch nicht.
Mein derzeitiger Status:
<html>
<head>
<style type="text/css">
table { width:100%; }
td { border:1px solid #000; vertical-align:top; }
</style>
</head><body>
<table style="table-layout:fixed">
<tr>
<td style="width:200px">200px</td>
<td>
<p>undefiniert<br></p>
<table align="center" cellpadding="0" cellspacing="0" width="680">
<tr>
<td>680px</td>
</tr>
</table>
</td>
<td style="width:200px"><p>200px</p>
</td>
</tr>
<tr>
<td style="width:200px;" colspan="3">
<p align="center">darf nicht kleiner als 1080px werden</p>
</td>
</tr>
</table>
</body>
</html>
-
Hi,
Ich fange mal mit der Ausgangssituation an:
mach das,
Ich möchte eine Tabelle
aber ich beende sie hier. Gemessen an Deinem Code ist eine Tabelle definitiv das letzte, was Du möchtest, da Du nicht mal den Ansatz tabellarischer Daten hast. Sorge zunächst einmal für eine nützliche Strukturierung Deiner Inhalte, dann kannst Du auch über die Umsetzung darstellerischer Anforderungen sinnieren.
Cheatah
--
X-Self-Code: sh:( fo:} ch:~ rl:| br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
X-Will-Answer-Email: No
X-Please-Search-Archive-First: Absolutely Yes -
Hab die Lösung!
Einfach das "style="table-layout:fixed"" aus dem table-Tag rausnehmen!