suche idee um grosse tabelle ohne <table> zu realisieren.

[Jim]

Dann Bau den Effekt nach: häng' ein tr-Element mit 9 td-Elementen als Kinder ein, die td-Elemente sind 0 Pixel hoch und haben overflow: hidden. Dann animiere die dinger auf die gewünschte Höhe. Fertig. In script.aculo.us sollte das mit morph() ohne Probleme in ein paar Zeilen zu erledigen sein.

Das scheint eine gute Idee zu sein. Leider ist die Zeile/Spalte die ja eigentlich 0 hoch sein soll immer da. Ehrlich gesagt kann ich mir aber nicht erklären warum.

  
<table style="width:600px;">  
  <tr style="background-color:#ccc;" onclick="$('adcon').morph('height:100px;')">  
    <td style="color:#000;">eins</td>  
    <td style="color:#000;">zwei</td>  
    <td style="color:#000;">drei</td>  
    <td style="color:#000;">vier</td>  
  </tr>  
  <tr style="background-color:#fff;" id="adcon">  
    <td style="color:#000;height:0;overflow:hidden;" colspan="4">hier und da.</td>  
  </tr>  
</table>