div-Element über zwei Tabellenzeilen

Status
Nicht offen für weitere Antworten.

Flow09

Grünschnabel
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:
<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
 
tobee hat gesagt.:
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.
 
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:
<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>
 
Ein in einer Tabellenzelle eingebettetes DIV lässt sich nicht über mehrere Tabellenzeilen bzw. -zellen hinweg anzeigen.
 
Status
Nicht offen für weitere Antworten.
Zurück