HTML Problem MS Internet Explorer 5.2.2

Dieses Thema im Forum "Hardware" wurde erstellt von Harlequin, 15. Dezember 2002.

  1. Harlequin

    Harlequin Gast

    Servus html Kollegen,

    Folgendes Problem:
    Internet Explorer 5.2.2 unter OS X beruecksichtigt in der Darstellung nicht
    valign="top"
    in einer Tabellen Zelle.
    Stattdessen wird der Text unten in der Zelle dargestellt, wass das Layout natuerlich auseinanderreisst.
    In der GoLive Vorschau wird korrekt dargestellt, auch die FehlerAnalyse (Protokoll IE 5) zeigt keine Fehler.
    In Chimera 0.6 wird ebenfalls korrekt dargestellt.

    Gibt es irgend ein spezifisches Problem mit Internet Explorer 5.2.2, welches ich nicht mitbekommen habe?

    Hier der Code:

    <table border="0" cellpadding="0" cellspacing="0" width="940" align="center">
    <font size="-1" face="Verdana,Arial,Helvetica,Geneva,sans-serif">
    <tr>
    <td width="220"></td>
    <td width="20"></td>
    <td width="220"></td>
    <td width="20"></td>
    <td width="220"></td>
    <td width="20"></td>
    <td width="220"></td>
    </tr>
    <tr>
    <td rowspan="4" width="220" align="center" valign="top" bgcolor="#cccccc">
    </td>
    <td rowspan="4" width="20" align="center" valign="middle"></td>
    <td colspan="5" width="700" height="80" align="center" valign="top">
    HeadLine<br>
    </td>
    </tr>
    <tr>
    <td colspan="5" width="700" height="20" align="center" valign="middle"></td>
    </tr>
    <tr>
    <td width="220" height="320" align="left" valign="top">
    Text 1<br>
    </td>
    <td width="20" height="320" align="center" valign="middle"></td>
    <td colspan="3" width="460" height="320" align="right" valign="top">Bild</td>
    </tr>
    <tr>
    <td colspan="3" width="460" align="left" valign="top">
    Text 2<br>
    </td>
    <td width="20" align="center" valign="middle"></td>
    <td width="220" align="right" valign="top">
    Text 3<br>
    </td>
    </tr>
    </font>
    </table>

    Der Fett hervorgehobe Text bzw. die Zellen sind von dem Fehler betroffen.

    Harlequin

    .
     
  2. Gishmo

    Gishmo New Member

    Hi,

    ich kann in dem Code keinen Fehler erkennen.

    Er macht das, was er soll.

    Unschön ist nur, dass das <font>-Tag so reingemascht wird. Müsste richtigerweise um das <table>-tag sein.

    cu gishmo
     
  3. Harlequin

    Harlequin Gast

    Danke fuer die Antwort. Trotz korrektem Code habe ich den Darstellungsfehler unter IE 5.2.2 / OS X.
    Es muss ein besonderes Problem / Fehler von IE 5.2.2 sein.

    .
     
  4. Gishmo

    Gishmo New Member

    bei mir klappt die Darstellung.

    IE und Omniweb zeigen dasselbe an ...

    Wo sollte der Text stehen bzw, was hast Du erwartet?
     
  5. Harlequin

    Harlequin Gast

    Bei mir wird "Text 2" und "Text 3" rechts unten von
    <td rowspan="4" width="220" align="center" valign="top" bgcolor="#cccccc">
    </td>
    <td rowspan="4" width="20" align="center" valign="middle"></td>
    angezeigt.

    Muss dazu sagen, dass in der 1. <td> viel drinsteht (entgegen obigem Beispiel) und dadurch die gesamtlaenge des Layouts bestimmt wird.

    Hhmmm, raetselhaft . . .

    .
     
  6. Gishmo

    Gishmo New Member

    aber keine Bilder ?

    Setzt mal border="1" im <table>-tag .. Dann kannst Du sehen, ob das valign="top" richtig ausgeführt wird.

    Ich vermute, der IE verteilt die Höheanders.

    Versuche mal mit verschachtelten tables ... das sollte dein Problem lösen ...
     
  7. Harlequin

    Harlequin Gast

    Habe die betroffene Zelle jetzt mal mit BlindText vollaufen lassen und hat es geklappt, wird jetzt richtig dargestellt.
    Trotzdem weiterhin raetselhaft.
    Die Gegenprobe mit Chimera 0.6 hat das Layout ja korrekt wiedergegeben.
    Es ist wohl ein Problem der Hoehenverteilung bei IE 5.2.2. sofern die Zelle weniger Inhalt enthaelt, als die erste, sollte aber gemaess HTML 4 nicht sein.

    .
     
  8. graphitto

    graphitto Wanderer

    Für IE mußt du, soweit ich weiß, die Höhe der Tabellenzellen (bzw. der Tabelle) explizit mit angeben, damit er das tut, was du willst.

    gruß
     
  9. Harlequin

    Harlequin Gast

    Das bringt nix, denn dann hat man Probleme mit laengeren Fliesstexten.

    .
     
  10. graphitto

    graphitto Wanderer

    Wolltest du nicht Text am unteren Rand der Zelle plazieren? Dann gib die Höhe an, und es geht.

    gruß
     
  11. Harlequin

    Harlequin Gast

    Nein, der Text soll
    valign="top"
    platziert werden.

    .
     
  12. graphitto

    graphitto Wanderer

    Trotzdem. Gesamte Tabellenhöhe in % angeben, dazu <valign=top> in den <table> tag, sollte gehen.
    Noch besser natürlich (und auch HTML4.0-gerechter) mit CSS.

    gruß
     
  13. Harlequin

    Harlequin Gast

    Dieser Ansatz bringt mich bei meinem Problem nicht weiter, das Problem besteht auch nur bei einzelnen Zellen innerhalb der Tabelle.
    valign="top" geht uebrigens nicht im Table Tag.

    .
     
  14. graphitto

    graphitto Wanderer

    OK, ist um diese Zeit und nur nach der Lektüre des Quelltextes nicht zu machen. Wenn du willst, schick mir die Daten mal rüber, ich schaus mir dann in Ruhe an.

    gruß
     
  15. Spanni

    Spanni New Member

    vielleicht damit: valign="_top" !!??
     

Diese Seite empfehlen