Hi,
mein Lösungsvorschlag:
Das Ganze ist nur noch eine einzige Tabelle mit drei Spalten.
Der rechtsbündige Text oben und unten wurde mit DIVs realisiert, die mit float: right
entsprechend positioniert wurden.
Die Bereiche mit der Klasse .dummyDiv dienen lediglich dazu, Inhalt zu schaffen, ohne
in das Layout einzugreifen. Würde ein Leerzeichen alleinestehend eingefügt werden, so wäre
die dessen Höhe die Zeilenhöhe vergrössern und somit das Layout stören.
Schau's Dir einfach mal an.
Ciao
Quaese
mein Lösungsvorschlag:
Code:
<div style="width: 630px; background-color: #000000;">
<table style="width: 620px; margin: 5px; color: #AFAFAF;" border="0" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 5px; border-bottom: 1px solid #334C33;"><div class="dummyDiv"> </div></td>
<td style="border-bottom: 1px solid #334C33; font-size: 8pt;">
<div style="float: right; width: 50%; text-align: right;">24.10.2004 - 22:04 Uhr von</div>
test
</td>
<td style="width: 5px; border-bottom: 1px solid #334C33;"><div class="dummyDiv"> </div></td>
</tr>
<tr>
<td style="width: 5px; border-bottom: 1px solid #334C33;"><div class="dummyDiv"> </div></td>
<td style="border-bottom: 1px solid #334C33; background-color: #3F3F3F; padding: 10px 12px 12px 12px; color: #008030;">test</td>
<td style="width: 5px; border-bottom: 1px solid #334C33;"><div class="dummyDiv"> </div></td>
</tr>
<tr>
<td style="width: 5px;"><div class="dummyDiv"> </div></td>
<td style="font-size: 8pt;">
<div style="float: right; width: 50%; text-align: right;">Kommentare (20)</div>
Quelle:
</td>
<td style="width: 5px;"><div class="dummyDiv"> </div></td>
</tr>
</table>
</div>
Der rechtsbündige Text oben und unten wurde mit DIVs realisiert, die mit float: right
entsprechend positioniert wurden.
Die Bereiche mit der Klasse .dummyDiv dienen lediglich dazu, Inhalt zu schaffen, ohne
in das Layout einzugreifen. Würde ein Leerzeichen alleinestehend eingefügt werden, so wäre
die dessen Höhe die Zeilenhöhe vergrössern und somit das Layout stören.
Code:
.dummyDiv{ font-size: 1px;
line-height: 0px;
height: 0px;}
Ciao
Quaese