Brauche Hilfe bei table-layout und rowspan/colspan
Wedgy
- css
0 Freddy
Hallo!
Folgendes funktioniert nicht so recht (das ist ein abgewandeltes Beispiel aus colspan/rowspan von Selfhtml). Sobald ich table-layout: fixed; einstelle, sind die Spalten immer gleich breit, was ich aber nicht will. Es ist auch völlig egal, was ich bei den <th>-Feldern, die sich über zwei Spalten erstrecken, als Breite angebe 100px, 500px oder auto - das Ergebnis ist immer gleich und funktioniert einfach nicht. Hat jemand eine Idee, wie das mit table-layout: fixed und colspan doch funktionieren könnte?
<html>
<body>
<h1>Zoologie</h1>
<table border="1" style='width: 500px; table-layout: fixed;'>
<tr>
<th colspan="2" style='width: 100px;'>Die Menschheit besteht aus</th>
</tr>
<tr>
<td style='width: 100px;' rowspan="2">Eseln</td>
<td style='width: 400px;'>Affen</td>
</tr>
<tr>
<td style='width: 400px;'>Affen</td>
</tr>
<tr>
<th style='width: 100px;' colspan="2">Die Menschheit besteht aus</th>
</tr>
</table>
</body>
</html>
Probiere es mal so und lasse fixes weg. Auch bei den colspan brauchst du keine Breite angeben, die ergibst sich aus den einzelnen Zellen in der anderen Zeile.
<html>
<body>
<h1>Zoologie</h1>
<table border="1" width="500">
<tr>
<th colspan="2">Die Menschheit besteht aus
</th>
</tr>
<tr>
<td width="100" rowspan="2">Eseln</td>
<td width="400";'>Affen</td>
</tr>
<tr>
<td width"400">Affen</td>
</tr>
<tr>
<td colspan="2">Die Menschheit besteht aus
</td>
</tr>
</table>
</body>
</html>
Ich habe es nicht ausprobiert, aber würde es mal so prbieren!
Viel Erfolg