Hallo,

ich versuche gerade ein div-Element zu erzeugen das über zwei Tabellenzeilen angezeigt wird. Leider komm ich nicht so richtig weiter da trotz overflow:visible die eine Tabellenzeile auf die Größe vom div-Element angegelichen wird!

Hier mal der Quelltext:

Code :

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18

<table border = "1" cellpadding="0" cellspacing="0" width="70"> <tr>     <td width="20" height="100">         01     </td>     <td width="50" height="100">         <div style="overflow:visible; width:50px; height:138px; border:1px solid #000000; background-color: #EFEFEF">test</div>     </td> </tr> <tr>     <td width="20" height="100">         02     </td>     <td width="50" height="100">         &nbsp;     </td> </tr> </table>

Ich bitte um eure Hilfe!

lg
Flow09

In dem Fall würde ich dir die Referenz von selfHTML emfehlen.

Oder du setzt dein div auf position:absolute und definierst top und left.

Tobee

Zitat von tobee

Oder du setzt dein div auf position:absolute und definierst top und left.

Das ist leider nicht so einfach da die Tabelle eigentlich dynamisch aufgebaut wird. Und der div-Layer immer in verschiedenen Zeilen auftauchen kann.

Und was ist mit colspan?
Würde es damit funktionieren?

Tobee

Nein, leider! Daran hab ich auch schon gedacht! Leider geht das aber nicht!

Andere Frage: Gibt es eine Lösung für das Probelm vom IE mit overflow:visible?

Wenn ja, dann könnte ich die Tabelle durch div-Elemente ersetzen! Da funktioniert das overflow nämlich sehr gut!

Code :

1 2 3

<div style="height:100px; width:100px; overflow:visible; border:1px solid #000000; background-color:#EFEFEF;">     <div style="height:150px; width:80px; border:1px solid #000000; background-color:#FF0000;"></div> </div>

Ähm, gibt es dazu vllt. auch eine URL.
Da kann ich es mir besser anschauen.

Tobee

Nein, leider keine URL!!

Ein in einer Tabellenzelle eingebettetes DIV lässt sich nicht über mehrere Tabellenzeilen bzw. -zellen hinweg anzeigen.