Line in einer Tabelle

[oldputz1990]

Hallo!

<table cellpadding="5" width="650px" style="border-collapse: collapse; border: 1px solid black;" border="1">
<tr>
<td style="border: 1px solid black; background-color: #ffcb00">
<div style="float: left; margin-left: 10px; margin-bottom: 3px; margin-top: 4px; font-size: 15px; font-weight: bold;">
<a href="nickpages-putz.html">putz</a> schrieb am Montag, 10.09.2007 um 11:09
</div>
<div style="float:right; margin-right: 20px; margin-bottom: 0px;">
<a href="gaestebuch-putz-1-delete-26.html">
<img src="http://www.tutorials.de/forum/images/design/nickpage/delete.png" alt="Löschen" border="0">
</a>
</div>
</td>
</tr>
<tr>
<td>
<div style="width: 200px; overflow: hidden; border: 0px solid; float: left;">
<img src="benutzerbilder/putz_1189374610.JPG" alt="Benutzerbild von putz">
</div>



<!--- LINE 2 -->
<div class="line2" style="height: 80%;"></div>
<!--- LINE 2 -->



<div style="width: 300px; float: right; text-align: left; overflow: auto;">
asdfasdf
</div>
</td>
</tr>
</table>

Das ganze sieht so aus:

.line2{
	
	width:	5px;
	background-image: url(../images/design/nachrichten/line.jpg);
	background-repeat:	repeat-y;
	float: left;
	margin-left: 20px;
	
}

line2 wird aber nicht angezeigt.
NUR, wenn ich hinschreibe z.B. 150px.

Wie kann ich einstellen, dass die line genausogroß ist wie die Tabelle?


Danke!

 

[Maik]

Hi,

setz das Hintergrundbild doch in dem DIV mit dem Benutzerbild ein, dann ist auch gewährleistet, dass es angezeigt bzw. in der vollständigen Tabellenzellenhöhe wiederholt wird:

<div style="width: 200px; overflow: hidden; border: 0px solid; float: left; background: url(../images/design/nachrichten/line.jpg) right top repeat-y;">
<img src="benutzerbilder/putz_1189374610.JPG" alt="Benutzerbild von putz">
</div>

Alternativ kann es auch im äußeren rechten DIV eingebunden werden.