nicht angemeldet
Hallo Ihr Experten,
ich möchte um ein Element unbekannter (und wechselnder) Breite und Größe einen Schatten mittels halbtransparenter PNG-Grafiken anzeigen lassen. Ich habe mich entschieden, dies per Tabelle zu lösen.
Anbei mein Quelltext:
<table id="PopupFrame" class="PopupFrame" border="1" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td colspan="2" rowspan="2" class="PopupContent">
1111111111111111111111<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1</td>
<td class="PopupShadowRightTop"></td>
</tr>
<tr>
<td class="PopupShadowRight"></td>
</tr>
<tr>
<td class="PopupShadowLeftBottom"></td>
<td class="PopupShadowBottom"> </td>
<td class="PopupShadowRightBottom"></td>
</tr>
</tbody>
</table>
Firefox und Opera machen alles richtig. Chrome, Safari und IE stellen die Zelle mit der Klasse "PopupShadowRightTop" allerdings immer viel höher (und die Zelle mit der Klasse "PopupShadowRight" entsprechend niedriger) dar, als es gewünscht ist. Ich konnte kein HTML-Attribut und keine CSS-Anweisung finden, die mir die von mir gewünschte Darstellung erlaubt.
Der von mir verwendete Doctype: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
Kann mir jemand einen Tip oder Rat geben?
Vielen Dank.