• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

IE und Firefox

Status
Für weitere Antworten geschlossen.
T

Tomm

Mitglied
Hallo,
ich bin noch Anfänger,meine Seite wird mit IE anders angezeigt , als mit dem Firefox.
Ich hab mir ne Seite erstellt, die mit IE korrekt angezeigt wird.
Jetzt habe ich dieselbe Seite mit dem Firefox geöffnet und die Schrift, die normalerweise auf dem Image liegt , ist plötzlich links daneben.
Weiß jemand, was ich machen kann , damit es mit beiden gleich ausschaut ?
 
Ein Link zu der Seite, wenn sie schon online ist, oder der HTML-Code wären sehr hilfreich. Sonst können wir nur raten. Das bringt Dir und uns überhaupt nichts.

Gruß thuemmy
 
Wenn Du glaubst, Deine Seite sähe im IE richtig aus, und im FF falsch, dann ist die Wahrscheinlichkeit sehr hoch, dass Du einen Fehler im Code hast.

Du könntest Deinen HTML-Code als erstes mal beim The W3C Markup Validation Service testen lassen. Erst, wenn der keine Fehler mehr meldet, macht es Sinn, Darstellungsunterschieden bzw. -problemen auf den Grund zu gehen.
 
Hallo,
die Seite ist noch nicht online, hier der Code
(die Images fehlen allerdings)

HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 
<html>
  <head>
    <title>Shareware</title>
    <style type="text/css">
* {
margin:0px;
padding:0px;
}
</style>
    <meta
      content=" Shareware "
      name="description">
    <meta
      content="shareware"
      name="keywords">
  </head><body background="gradient7.jpg"  ms_positioning="GridLayout" style="WIDTH: 876px; HEIGHT: 1200px">
    <p></p><table height="1200" cellspacing="0" cellpadding="1" width="900" border="0" style="LEFT: 50px; POSITION: relative">
    <tr>
      <td height="20">&nbsp;</td>
 
 
    </tr>
    <tr>
      <td height="152" colspan="5">
            <img alt="" src="file:///D:/HTML-Programmierung/gradient2.jpg" width="898"></td>
          <td></td>
          <td></td>
          <td></td>
          <td></td>
    </tr>
    <tr>
      <td bgcolor="#ffffff" height="325" style="HEIGHT: 325px" width="50">
      <div><table style="Z-INDEX: 4; POSITION: absolute; TOP: 250px" cellspacing="1" cellpadding="0" width="148" border="0" align="left">
        <tr>
          <td><font face="Verdana" color="#3333cc" size="2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Katalog</font></td>
        </tr>
        <tr><font color="#000000"></font>
        </tr>
        <tr>
          <td><font
                  face="Verdana" color="#3333cc" size="2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Information</font></td>
        </tr><tr><font color="#000000"></font></tr>
        <tr>
          <td><font face="Verdana" color="#3333cc" size="2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Bestellung</font></td>
        </tr>
        <tr><font color="#000000"></font></tr>
        <tr>
          <td><font face="Verdana" color="#3333cc" size="2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Kontakt</font></td>
        </tr>
        <tr><font color="#000000"></font></tr>
        <tr>
          <td style="HEIGHT: 20px"><font face="Verdana" color="#3333cc" size="2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Impressum</font></td>
        </tr>
        <tr><font color="#000000"></font></tr>
        <tr>
          <td><font face="Verdana" color="#3333cc" size="2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;AGB</font></td>
        </tr>
        <tr>
          <td>&nbsp;</td>
        </tr>
        <tr>
          <td></td>
        </tr>
    </table>  </div>
            <img alt="" src="Bild4.png" align="top" height="380" width="150"></td>
          <td  bgcolor="#ffffff" style="HEIGHT: 325px"></td>
          <td  bgcolor="#ffffff" style="WIDTH: 1px; HEIGHT: 325px"></td>
          <td style="WIDTH: 409px; HEIGHT: 347px" bgcolor="#ffffff" width="400">
            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>
            <p>&nbsp;&nbsp; 
 
 
    </p><table style="Z-INDEX: 1; WIDTH: 533px; HEIGHT: 335px"
      cellspacing="0" cellpadding="1" width="533" align="center"
      border="0" bgcolor="#ffffcc">
      <tbody>
        <tr>  <td></td>
          <td style="WIDTH: 290px"><font face="Verdana" color="#0000cc" size="2"><strong>...........</strong>
            </font></td>
        </tr>
        <tr>      <td></td>
          <td style="WIDTH: 290px; HEIGHT: 26px"><font face="Verdana"
              size="2">Version:
                                                                                                                         1.00</font></td>
        </tr>
        <tr>   <td></td>
          <td style="WIDTH: 290px"><font face="Verdana" size="2">Dateigröße:</font></td>
        </tr>
        <tr>     <td><img
          src="Screenshot Fahrtenbuch.jpg" width="210" border="1" style="LEFT: 10px; POSITION: relative; TOP: -85px"></td>
          <td style="WIDTH: 290px; HEIGHT: 156px">
            <p><font face="Verdana" size="2">Mit 
              diesem Fahrtenbuch können Sie Ihre privaten und geschäftlichen
              Fahrten und auch Ihre Verbrauchswerte aufzeichnen. Eine Auswertung 
              zeigt Ihnen sämtliche Fahrten und Verbrauchsdaten an. In eine
              Tanktabelle&nbsp;können Sie&nbsp;Ihre Tankbelege eingeben, und so
              einen Überblick über den Treibstoffverbrauch Ihres
                                                                                                                           Fahrzeugs&nbsp;bekommen.</font>
            </p></td>
        </tr><tr> <td></td>
        <td style="WIDTH: 290px"><font face="Verdana" color="#ff0000" size="2">Vollversion : 29,80 Euro</font></td>
        <tr> <td></td>
          <td style="WIDTH: 290px"><font face="Verdana" size="2">Kostenlose
                                                                                                                         Demo-Version&nbsp;&nbsp;&nbsp; <input type="button" value=" Download ">
            </font></td>
        </tr>
                <tr></tr>
                <tr>
                  <td style="WIDTH: 220px"></td>
                  <td></td>
                  <td width="1"></td>
                </tr>
      </tbody>
    </table>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
</td>
          <td style="HEIGHT: 325px" bgcolor="#ffffff">
          <div><table style="Z-INDEX: 4; LEFT: 750px; POSITION: absolute; TOP: 250px" cellspacing="1" cellpadding="0" width="148" border="0" align="right">
        <tr>
          <td><font face="Verdana" color="#3333cc" size="2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<strong>Sprache</strong></font></td>
        </tr>
        <tr><font color="#000000"></font>
        </tr>
        <tr>
          <td><font
                  face="Verdana" color="#3333cc" size="2">&nbsp;&nbsp;&nbsp;&nbsp; <strong>Language</strong></font></td>
        </tr><tr><font color="#000000"></font></tr>
        <tr>
          <td><font face="Verdana" color="#3333cc" size="2">&nbsp;&nbsp;&nbsp;&nbsp; Deutsch</font></td>
        </tr>
        <tr><font color="#000000"></font></tr>
        <tr>
          <td><font face="Verdana" color="#3333cc" size="2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;English</font></td>
        </tr>
        <tr><font color="#000000"></font></tr>
        <tr>
          <td style="HEIGHT: 17px"><font face="Verdana" color="#000000" size="2">&nbsp;&nbsp;&nbsp;<font>&nbsp;&nbsp;</font></font></td>
        </tr>
        <tr><font color="#000000"></font></tr>
        <tr>
          <td><font face="Verdana" color="#000000" size="2">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font></td>
        </tr>
        <tr>
          <td>&nbsp;</td>
        </tr>
        <tr>
          <td></td>
        </tr>
    </table>  </div>
          <img alt="" src="Bild4.png" align="right" border="0" height="380" width="150"></td>
    </tr>
    <tr>
      <td bgcolor="#ffffff" height="320"><img alt="" src="Bild4.png" align="top" height="350" width="150"></td>
          <td bgcolor="#ffffff"></td>
          <td bgcolor="#ffffff"></td>
          <td bgcolor="#ffffff"><table style="Z-INDEX: 1; WIDTH: 533px; HEIGHT: 335px"
      cellspacing="0" cellpadding="1" width="533" align="left"
      border="0" bgcolor="#ffffcc">
      <tbody>
        <tr>  <td></td>
          <td style="WIDTH: 290px"><font face="Verdana" color="#0000cc" size="2"><strong>..........</strong>
            </font></td>
        </tr>
        <tr>      <td></td>
          <td style="WIDTH: 290px; HEIGHT: 26px"><font face="Verdana"
              size="2">Version:
                                                                                                                      1.00</font></td>
        </tr>
        <tr>   <td></td>
          <td style="WIDTH: 290px"><font face="Verdana" size="2">Dateigröße:</font></td>
        </tr>
        <tr>     <td width="220"><img height="150" alt="" src="Screenshot Trainingsbuch.jpg" width="210" border="1" style="LEFT: 10px; POSITION: relative; TOP: -85px"></td>
          <td style="WIDTH: 290px; HEIGHT: 156px"><font face="Verdana" size="2">
            <p><font face="Verdana" size="2">Ideal für Läufer , aber auch Sportler anderer Sportarten.Mit 
              diesem Trainingsbuch können Sportler Ihre Trainings- und Wettkampfergebnisse in eine Tabelle eintragen. So behalten Sie immer einen Überblick über ihre gesamten Trainingsleistungen. Zusätzlich können Sie alle Ergebnisse auswerten lassen.</font>
            </p></font></td>
        </tr><tr> <td></td>
        <td style="WIDTH: 290px"><font face="Verdana" color="#ff0000" size="2">Vollversion : 19,80 Euro</font></td>
        <tr> <td></td>
          <td style="WIDTH: 290px"><font face="Verdana" size="2">Kostenlose
                                                                                                                      Demo-Version&nbsp;&nbsp;&nbsp; <input type="button" value=" Download ">
            </font></td>
        </tr>
                <tr></tr>
                <tr>
                  <td style="WIDTH: 220px"></td>
                  <td></td>
                  <td></td>
                </tr>
      </tbody>
    </table></td>
          <td bgcolor="#ffffff">
       <img alt="" src="Bild4.png" align="right" height="350" width="150"></td>
    </tr>
    <tr>
      <td width="150" bgcolor="#ffffff">
       <img alt="" src="Bild4.png" align="top" height="350" width="150"></td>
          <td bgcolor="#ffffff"></td>
          <td bgcolor="#ffffff"></td>
          <td bgcolor="#ffffff"> </td>
          <td bgcolor="#ffffff" >
 
                 <img alt="" src="Bild4.png" height="350" width="150" align="right">
            <div style="DISPLAY: inline; RIGHT: -50px; POSITION: relative; TOP: 100px; HEIGHT: 15px" ms_positioning="flowLayout">Label</div>
 
 </td>
    </tr>
    <tr>
      <td height="30"></td>
          <td></td>
          <td></td>
          <td></td>
          <td></td>
    </tr>
</table>
  </body>
</html>
 
Der HTML-Code-Tag hier im Forum hat leider einen Schuss (kannst Du nicht wissen). Der PHP-Code-Tag dagegen funktioniert auch bei HTML-Code :wink:

Dein HTML-Code hat 27 Fehler. Durch die Beseitigung kann es durchaus sein, dass der Fehler schon behoben wird. Der IE ist wesentlich fehlertoleranter als der FF und andere Browser. Gerade was Tabellen betrifft (nicht geschlossene <td>- und <tr>-Tags betrifft.

Gruß thuemmy

P.S. Tabellen sind für tabellarische Daten vorgesehen und sollten nicht zu Layoutzwecken missbraucht werden.
 
thuemmy schrieb:
Der HTML-Code-Tag hier im Forum hat leider einen Schuss (kannst Du nicht wissen). Der PHP-Code-Tag dagegen funktioniert auch bei HTML-Code :wink:

Dein HTML-Code hat 27 Fehler. Durch die Beseitigung kann es durchaus sein, dass der Fehler schon behoben wird. Der IE ist wesentlich fehlertoleranter als der FF und andere Browser. Gerade was Tabellen betrifft (nicht geschlossene <td>- und <tr>-Tags betrifft.

Gruß thuemmy

P.S. Tabellen sind für tabellarische Daten vorgesehen und sollten nicht zu Layoutzwecken missbraucht werden.
Zum Vergrößern anklicken....

Meinst du ich sollte die Seite nochmal neu ohne Tabelle erstellen ?
Ich hab den Code bei Validation Results - W3C Markup Validator eingegeben und werde mal schaun , ob ich die Fehler wegbekomme.
Danke
 
Efchen schrieb:
Wenn Du eine anständige, moderne, barrierefreie, nutzerfreundliche Website haben willst? Auf jeden Fall!

Struktur und Semantik mit HTML.
Design & Layout mit CSS.
Zum Vergrößern anklicken....

Ich hab das Ganze nochmal überarbeitet

Verstehe nur nicht, wenn ich das Formular genau in der Mitte des Bildschirms positioniere,
dann gebe ich "Allign=center" ein, und im IE steht es auch korrekt in der Mitte.
Nur beim Firefox steht es ganz links auf der linken Seite.
Das kapier ich nicht, wie macht man das im Firefox ?
 
Wenn Du eine anständige, moderne, barrierefreie, nutzerfreundliche Website haben willst, gehört nicht nur dazu, Layouttabellen zu entfernen...
HTML ist nur für die Struktur des Inhalts zuständig. Alles, was Laoyut oder Design betrifft, hat in HTML nichts zu suchen. Also auch das Attribut "align". Layout und Design macht man mit CSS!

Vorher ist es verschwendete Zeit, nach Darstellungsunterschieden zu suchen.

Horizontales Zentrieren von Block-Elementen geht übrigens mit "margin:0 auto;". Vertikales Zentrieren ist so ne Sache...
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben