Html seite wird im FF anders dargestellt als wie im IE

  • Hay @ all,

    Ich habe mit NVU eine html datei erstellt die im FF laut Quellcode korrekt dargestellt wird, aber im IE anders (Tabelle soll zentriert sein). Ich wollt eigentlich ins NVU Forum schreiben, doch irgendwie gehörts doch hierher.

    Darstellung im FF:

    [Blockierte Grafik: http://people.freenet.de/grossgarnele/bilder/11.jpg]

    Darstellung im IE:

    [Blockierte Grafik: http://people.freenet.de/grossgarnele/bilder/12.jpg]

    Weiß jemand einen Rat? Bis dene dann von

    der garnele

  • Das einzige was mir spontan auffällt ist, dass man Glasfiber ohne "e" schreibt, denn leider kann ich den Quelltext nicht erriechen. Wäre also äußerst hilfreich, wenn du einen Link dazusetzen würdest oder nen Quelltextausschnitt.

    Mozilla/5.0 (Windows; U; Windows NT 5.1; de; rv:1.8.1.1) Gecko/20061204 Firefox/2.0.0.1

    Eine Theorie sollte so einfach wie möglich sein, aber nicht einfacher. (A. Einstein)

  • tschuldigung, hätt ich auch eher drauf kommen können.

    <body
    style="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255);"
    alink="#ff0000" link="#ff0000" vlink="#ff0000">
    <table
    style="border-color: rgb(51, 51, 255); width: 768px; height: 298px; text-align: left; margin-left: auto; margin-right: auto;"
    border="2" bordercolor="blue" cellpadding="10"
    cellspacing="0">
    <tbody>
    <tr>
    <td
    style="width: 224px; background-color: rgb(214, 234, 252); text-align: center;"
    colspan="2" rowspan="1"><big
    style="color: rgb(0, 0, 0); font-family: Usuzi;"><big>80-iger
    Jahre PVC-fiber - Dekoleuchte</big></big></td>
    </tr>
    <tr>
    <td
    style="font-family: Verdana; height: 146px; width: 430px; text-align: left;"
    rowspan="1" colspan="1">
    <div style="text-align: center;">Hallo Werte
    Bietergemeinde!</div>
    <br>
    <div style="text-align: justify;">Ihr bietet auf
    eine originale 80-iger Jahre Glasfieber - Dekoleuchte. Diese ist voll
    funktionst&uuml;chtig und intakt. Die Stromversorgung geschiet
    &uuml;ber einen 12 V Netzadapter. Beim Anschluss an eine Steckdose
    dreht sich das Glasfieberb&uuml;ndel. Ebenso wechseln die im
    inneren der Leuchte eingebauten farbigen Lichquellen. Ideal zur
    Erg&auml;nzung des Wohnambieentes.<br>
    <br>
    Nun w&uuml;nsche ich euch viel Spass beim Bieten. Solltet ihr
    fragen zum Artikel haben, z&ouml;gert nicht sie zu stellen.</div>
    <br>
    <div style="text-align: center;">mit freundlichen
    Gr&uuml;ssen<br>
    <br>
    <strong><span
    style="color: rgb(255, 102, 0); font-weight: bold;">samurai140</span></strong>
    </div>
    </td>
    <td style="height: 146px; width: 224px;"><img
    style="width: 225px; height: 151px;" alt=""
    src="../../../../Desktop/RIMG2063.jpg"><br>
    </td>
    </tr>
    <tr>
    <td colspan="2" rowspan="1"
    style="height: 31px; width: 224px; background-color: rgb(228, 242, 255); text-align: center; vertical-align: middle;"><font
    size="-1">&nbsp;</font><span
    style="font-family: Times New Roman,Times,serif;">Da
    Verkauf von Privat, ist eine
    Gew&auml;hrleistung oder R&uuml;ckgabe bei Nichtgefallen
    ausgeschlossen.</span></td>
    </tr>
    </tbody>
    </table>
    </body>

  • Der Quelltext ist recht katastrophal. Mich wundert weigentlich, dass der Firefox alles wie gewünscht drastellt.

    Punkte dir mir auffalenn:

    -Tabelle ist nicht zentriert
    Das liegt einfach an einem Fehler im IE

    -Text in Tabellenzellen zu kurz
    Da steht im Quelltext 'width: 224px' und hat da nichts zu suchen

    Außerdem verlinkst du auf ein Bild auf deinem Desktop.

  • Du hast die Tabelle mit CSS-Margins zentriert, was ja auch richtig ist. Offensichtlich schnallt das der IE aber nicht, er interpretiert das "text-align: left" als Positionsangabe für die Tabelle (was selbstverständlich grober Unfug ist, aber naja...).

    Mozilla/5.0 (Windows; U; Windows NT 5.1; de; rv:1.8.1.1) Gecko/20061204 Firefox/2.0.0.1

    Eine Theorie sollte so einfach wie möglich sein, aber nicht einfacher. (A. Einstein)