nicht angemeldet
Hallo,
ich habe mir eine Struktur für eine HTML-Seite überlegt und umgesetzt, aber sie wird leider in unterschiedlichen Browsern unterschiedlich dargestellt:
Ich habe ein Tabelle mit zwei Zeilen und drei Spalten erstellt. Dabei sind die beiden übereinanderliegenden Zellen in der Mitte und rechts mit rowspan zusammengefügt. Dabei soll in der rechten Spalte der eigentlich Text stehen, in der Mittelspalte (nur 1 Pixel breit) befindet sich eine Trennlinie. Die linken Zellen sollen die Überschrift des Textes tragen. Die obere linke Zelle soll konstant z.B. 100px hoch sein und die untere den Rest der Höhe des Textes ausfüllen. Damit soll die Überschrift immer auf einer festen Höhe zum Seitenbeginn bei beliebig langem Text gehalten werden. Klingt jetzt wahrscheinlich komplizierter als es eigentlich ist - unten ist eine Grafik zur Struktur.
Und hier der Quelltext der Tabelle:
<table align="center" border="1" cellpadding="0" cellspacing="20" width="690">
<tr>
<td align="center" width="260" height="100"></td>
<td width="1" rowspan="2" background="trennlinie.jpg"></td>
<td width="349" rowspan="2">
...ganz langer Text hier...
</td>
</tr>
<tr>
<td align="center" valign="top">Überschrift</td>
</tr>
</table>
Eine Testseite mit langem Text: http://217.7.119.98/wojtusch/test.html
In Opera wird das Ganze auch so dargestellt, wie ich das haben möchte nur im Internet-Explorer rutscht mir die Überschrift immer in die Mitte vom Text und damit aus dem Blickfeld, wenn man die Seite aufruft. Ich weiß, dass das height-Attribut eigentlich nicht mehr unbedingt aktuell ist, aber wie mache ich es sonst?
Vielen Dank für's Durchlesen bis zum Ende und hoffentlich hilfreiche Antworten ;)
Gruß
Janis
MudGuard
Struppi