Tabellen-Problem

[MundM]

Hey,

ich habe eine Tablle, die aus zwei Spalten und 6 Reihen besteht.
Die rechte Spalte erstreckt sich mittels rowspan über alle 6 Reihen. Wenn der Inhalt dieser großen Zelle nun die Größe der anderen Zellen überschreitet, wächst die Tabelle und die Zellen in der Linken Spalte teilen sich symmetrisch auf. Wie kann ich das unterbinden? Ich möchte dass die rechte Spalte "wachsen kann", ohne dass die Zellen der linken Spalte auseinander gerissen werden.
So sieht das momentan aus:

<table cellpadding="0" cellspacing="0">  
<tr>  
<td></td>  
<td rowspan="6">Hier steht der lange Text, der die linken Zellen auseinanderreißt</td></tr>  
<tr>  
<td></td></tr>  
<tr>  
<td></td></tr>  
<tr>  
<td></td></tr>  
<tr>  
<td></td></tr>  
<tr>  
<td></td></tr>

[Beat]

Wenn der Inhalt dieser großen Zelle nun die Größe der anderen Zellen überschreitet, wächst die Tabelle und die Zellen in der Linken Spalte teilen sich symmetrisch auf. Wie kann ich das unterbinden? Ich möchte dass die rechte Spalte "wachsen kann", ohne dass die Zellen der linken Spalte auseinander gerissen werden.

Das bedeutet, dass du keine Tabelle verwenden willst sondern eher:

<ul style="float:left; width:30%; list-style: none;margin:0px">  
<li>deine "linke Zelle"</li>  
...  
</ul>  
<div>deine "rechte Spalte"</div>  

mfg Beat;

[MundM]

Danke schon einmal!
Aber ich muss unbedingt Tabellen benutzen. Gibt es keine Möglichkeit? Vielleicht eine leere Zelle auf der Linken Seite, die automatisch den fehlenden Raum ausfüllt (also quasi die resthöhe der Tabelle einnimmt)?
Es müssen wirklich Tabellen sein.

Danke!!

[cygnus]

Hallo :)

Aber ich muss unbedingt Tabellen benutzen. Gibt es keine Möglichkeit? Vielleicht eine leere Zelle auf der Linken Seite, die automatisch den fehlenden Raum ausfüllt (also quasi die resthöhe der Tabelle einnimmt)?

Tabellen bestehen nicht nur aus Spalten, sondern auch aus Reihen.
Du hast in der linken Spalte 6 Reihen mit je einer Zelle und in der rechten Spalte 6 miteinander zu einer Reihe verbundene Zellen.
Die 6 Zellen links werden nicht auseinandergerissen, sondern ihre Höhe passt sich der zunehmenden Höhe der 6 verbundenen Zellen rechts an.
Wenn die Tabelle einen Rahmen hätte, könntest Du das sehen.

Es müssen wirklich Tabellen sein.

Was soll denn in die 6 Zellen links hinein?

mfg
cygnus

[MundM]

Danke für die Antowrt Cygnus,

ich weiß wie die Tabelle mit Rahmen aussieht. und ich weiß auch, dass die Zellen links in ihrer Höhe angepasst werden. Und genau das ist das Problem. Sie sollen ihre ursprüngliche Höhe beibehalten und schön aneinanderkleben.
Der Grund (jetzt kommen die Buh-rufe): Da sind Bilder drin. Das ist eine Image-Map. Und ich weiß dass man das so nicht mehr macht und dass man das mit CSS machen muss. Aber es geht einfach nicht im Rahmen dieses Projektes. Ich muss mit Tabellen arbeiten und da muss es doch auch eine Lösung geben.

Grüße
MundM

[Beat]

ich weiß wie die Tabelle mit Rahmen aussieht. und ich weiß auch, dass die Zellen links in ihrer Höhe angepasst werden. Und genau das ist das Problem. Sie sollen ihre ursprüngliche Höhe beibehalten und schön aneinanderkleben.
Der Grund (jetzt kommen die Buh-rufe): Da sind Bilder drin. Das ist eine Image-Map. Und ich weiß dass man das so nicht mehr macht und dass man das mit CSS machen muss. Aber es geht einfach nicht im Rahmen dieses Projektes. Ich muss mit Tabellen arbeiten und da muss es doch auch eine Lösung geben.

Ich glaube nicht, dass es dafür eine Lösung geben muss, denn Tabellen wurden nicht für derlei Layoutvorhaben standardisiert und implementiert.

Immerhin hier ist ein Hack für FF3

<table id="table">
<tr><td class="img">1a</td>
<td class="flow" rowspan="5">2<br>2<br>2<br>2<br>2x<br>2x<br>2x<br></td>
</tr>
<tr><td class="img">1b</td></tr>
<tr><td class="img">1c</td></tr>
<tr><td class="img">1d</td></tr>
<tr><td rowspan=2>-</td></tr>
<tr><td>-</tr>
</table>

CSS
#table{border-collapse:collapse; table-layout:fixed;}
#table td{border:0; padding:0; line-height:1.5; padding:0 5px}
#table td.img {background-color:#fca; }
#table td.flow{height:60px; background-color:#acf;}

In beiden Spalten wird am Ende mit Hilfszellen gearbeitet.

Den Kompatibilitätstest machst du selber.

mfg Beat

[cygnus]

Hallo :)

Sie sollen ihre ursprüngliche Höhe beibehalten und schön aneinanderkleben.
Der Grund (jetzt kommen die Buh-rufe): Da sind Bilder drin. Das ist eine Image-Map. Und ich weiß dass man das so nicht mehr macht und dass man das mit CSS machen muss. Aber es geht einfach nicht im Rahmen dieses Projektes. Ich muss mit Tabellen arbeiten und da muss es doch auch eine Lösung geben.

Vielleicht kannst Du nur mit 1 Tabellenreihe arbeiten.
Wenn es wirklich nur Bilder sind, kleben die von selber untereinander.
<tr>
<td valign="top">
Bild<br>
Bild<br>
Bild<br>
</td>
<td>ellenlanger Text</td>
<tr>

Funktioniert auch im IE.

Sonst könntest Du auch 7 Reihen nehmen und die linken Zellen mit fester Höhenangabe versehen, ausgenommen die siebte, die den Wert auto erhält.
Aber das macht der IE nicht mit.

mfg
cygnus

[suit]

Der Grund (jetzt kommen die Buh-rufe): Da sind Bilder drin. Das ist eine Image-Map. Und ich weiß dass man das so nicht mehr macht und dass man das mit CSS machen muss. Aber es geht einfach nicht im Rahmen dieses Projektes. Ich muss mit Tabellen arbeiten und da muss es doch auch eine Lösung geben.

fürs protokoll:
eine imagemap hat man noch nie mit einer tabelle gemacht - die hat man damals brav mit einer imagmap gelöst (ja, wirklich) - css basierende geschichten (wie eben listen als imagemaps zu verwenden) bietet im vergleich zu einer image-map nicht nur vorteile (aufgrund der form der anker)

bei rechteckigen verweisbereichen ist diese lösung aber auf jeden fall vorzuziehen

btw: tabellen-raster-imagemaps waren damals höchstens bei vollgrafik-porno-portal-einstiegsseiten verbreitet - und das schlichtweg, weil damit die grafiken schneller geladen wurden (zumindest augenscheinlich)