Stephan Brüning: Tabelle in Firefox mit falscher Darstellung

SELF-Forum

Tabelle in Firefox mit falscher Darstellung

Stephan Brüning Homepage des Autors
– Informationen zu den Bewertungsregeln

Hallo Forum.

Ich bin neu hier und brauche grad mal Eure Hilfe.

auf http://www2.therapeutenkompass.de seht Ihr ein neues Layout
für unsere Firmenseite. Im IE 6 wird alles richtig dargestellt, jedoch in Firefox gibt es Problem mit dem Menü.

Das ganze läuft auf Typo3-Basis.

Könnt Ihr da helfen?

Es geht um den Bereich menu2!!

Hier mal der entsprechende Quellcode des Templates:
---------------------------------------------------
<html>
<body>
<!-- ###DOCUMENT### start-->
<table width="1000" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="118" height="116">

</td>
    <td width="172" height="116" background="uploads/tf/logo.png"> </td>
    <td width="422" height="116">
    <img src="uploads/tf/sofa.png" alt="Sofa" width="422" height="116" /></td>
    <td width="169" height="116" align="center" valign="middle" background="uploads/tf/rechts.png">
   <img src="uploads/tf/rss_01.png" alt="RSS-Nachrichten auch beim Therapeutenkompass" width="26" height="15" /> </td>
    <td width="119" height="116">

</td>
  </tr>

<tr>
    <td height="12"></td>
    <td align="center" height="12" bgcolor="#bfcde4">
   <div id="andere">
     Online-Therapeuten-Vermittlung
   </div>
 </td>
    <td height="12" colspan="2" bgcolor="#bfcde4">&nbsp;</td>
    <td height="12">&nbsp;</td>
  </tr>
  <tr>
    <td height="10">&nbsp;</td>
    <td height="10" colspan="3" bgcolor="#7f0000">
 <div valign="middle" align="center" id="menu1">
 ###menu1###
 </div>
    </td>
    <td height="10">&nbsp;</td>
  </tr>
</table>
<br />
<table width="1000" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="180" align="left" valign="top">
   <table height="101%" width="180" border="2" cellpadding="0" cellspacing="0" bordercolor="#809CC9" bgcolor="#BFCDE4">
        <tr>
          <td valign="top">
    <div id="menu2">
    ###menu2###
    </div>
          </td>
        </tr>
      </table>
      <br />
      <table width="180" border="2" cellpadding="0" cellspacing="0" bordercolor="#809CC9" bgcolor="#BFCDE4">
        <tr>
          <td>
    <div align="center" id="spon">
     Mit freundlicher</ br>
     Unterstützung von</ br>
     <img src="uploads/tf/dblau_clear.gif" width="150px" height="1px"></ br></ br>
     <a href="http://www.springer.de" target="_blank"><img src="uploads/tf/springer.gif" alt="Springer-Verlag - Macht Psychologie lebendig"></a></ br>
         <img src="uploads/tf/dblau_clear.gif" width="150px" height="1px"></ br></ br>
         <a href="http://www.klett-cotta.de" target="_blank"><img src="uploads/tf/klett_cota_logo.gif" alt="Klett-Cotta-Verlag"></a></ br>
     </div>
          </td>
        </tr>
      </table>
 </td>
    <td width="640" align="left" valign="top">
   <div align="center">
        <table width="620" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td align="left" valign="top">
        <div id="content">
     ###content###
     </div>
      </td>
          </tr>
        </table>
      </div>
 </td>
    <td width="180" align="left" valign="top">
   <table width="180" border="2" cellpadding="0" cellspacing="0" bordercolor="#809CC9" bgcolor="#BFCDE4">
        <tr>
          <td>
    <div id="suche">
    ###suche###
          </div>
          </td>
        </tr>
      </table>
      <br />
      <table width="180" border="2" cellpadding="0" cellspacing="0" bordercolor="#809CC9" bgcolor="#BFCDE4">
        <tr>
          <td>
      <div id="news">
   ###news###
   </div>
          </td>
        </tr>
      </table>
 </td>
  </tr>
</table>
<br />
<table width="1000" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="118">&nbsp;</td>
    <td width="763" bgcolor="#7F0000">&nbsp;</td>
    <td width="119">&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td bgcolor="#BFCDE4">
   <div id="footer" align="center">
   &copy; 2006-2007 Therapeutenkompass</br>
   <a href="index.php?id=7">Kontakt</a> | <a href="index.php?id=6">Impressum</a>
   </div>
 </td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td background="uploads/tf/footer2.png">&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
</body>
<!-- ###DOCUMENT### end -->
</html>
-------------------------------------------------
Und das CSS:
-------------------------------------------------
/* ----------------MENU 2---------------- */
#menu2 {
 display: block;
 font-family: Arial;
 font-size: 12px;
 height:20px;
 width:170px;
 color: #000000;
 text-decoration: none;
 }
#menu2 a {
 display:block;
 color:#000000;
 text-decoration:none;
 margin: 2px 0 0 0;
 }
#menu2 a:hover {
 display:block;
 color:#000000;
 background-color:#809cc9;
 text-decoration:none;
 padding: 0 0 0 0px;
 }
#menu2cur {
 display:block;
 color:#4E7F9A;
 }
#menu2 ul {
 padding:0;
 margin: 2px 0px 0px 5px;
 list-style-type:none;
 font-size: 12px;
 }
#menu2 li {
 padding:0;
 margin: 2px 0px 0px 0px;
 list-style-type:none;
 font-size: 12px;
}
--------------------------------------------------

Ich habe schon vieles probiert, aber das richtige habe ich noch nicht gefunden.

Woher kommen diese ständigen Darstellungsunterschiede zwischen den
Browsern?

Vielen Dank!

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Tabelle in Firefox mit falscher Darstellung

    Ingo Turski Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hi,

    Woher kommen diese ständigen Darstellungsunterschiede zwischen den
    Browsern?

    Hauptsächlich daran, dass Du sie über en Transitional DOCTYPE ohne DTD-Angabe in den quirks mode schickst, in dem sie eher raten, was Du wohl im Sinn gehabt haben könntest, als dass sie sich an den Standard halten. Ferner korrigiert der IE Deine Fehler besser als Firefox.

    Gebe einen DOCTYPE für den standardkonformen Modus an und beseitige die HTML-Fehler (und den einen CSS-Fehler).

    freundliche Grüße
    Ingo

    --
    [barrierefreie Ingo Webdesign » Suchmaschinenoptimierung | em? | IE7 - Bugs]
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Tabelle in Firefox mit falscher Darstellung

      Stephan Brüning
      – Informationen zu den Bewertungsregeln

      Hi,

      Woher kommen diese ständigen Darstellungsunterschiede zwischen den
      Browsern?
      Hauptsächlich daran, dass Du sie über en Transitional DOCTYPE ohne DTD-Angabe in den quirks mode schickst, in dem sie eher raten, was Du wohl im Sinn gehabt haben könntest, als dass sie sich an den Standard halten. Ferner korrigiert der IE Deine Fehler besser als Firefox.

      Gebe einen DOCTYPE für den standardkonformen Modus an und beseitige die HTML-Fehler (und den einen CSS-Fehler).

      Hallo Ingo...
      welches HTML-Fehler denn? Ist doch alles soweit richtig, oder?
      Und einen CSS-Fehler?!?

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. Tabelle in Firefox mit falscher Darstellung

        Ingo Turski Homepage des Autors
        – Informationen zu den Bewertungsregeln

        Hi,

        welches HTML-Fehler denn? Ist doch alles soweit richtig, oder?
        Und einen CSS-Fehler?!?

        wie kommst Du darauf, dass alles richtig sei, ohne es zu überprüfen.
        HTML-Validator
        CS-Validator.

        freundliche Grüße
        Ingo

        --
        [barrierefreie Ingo Webdesign » Suchmaschinenoptimierung | em? | IE7 - Bugs]
        Beitrag melden
        –
        Informationen zu den Bewertungsregeln

        1. Tabelle in Firefox mit falscher Darstellung

          Stephan Brüning
          – Informationen zu den Bewertungsregeln

          Hi,

          welches HTML-Fehler denn? Ist doch alles soweit richtig, oder?
          Und einen CSS-Fehler?!?
          wie kommst Du darauf, dass alles richtig sei, ohne es zu überprüfen.
          HTML-Validator
          CS-Validator.

          freundliche Grüße
          Ingo

          Hallo!

          Das interessante ist, ja das mein geschriebener Quellcode ganz gut ist, Typo3 selbst produziert die meisten Fehler :-(

          Unter anderem auch den \ vor jedem >

          Sehr seltsam.

          Ich möchte aber erst mal den Fehler in der Darstellung des Menüs in Firefox wegbekommen. Was ist daran falsch? Es soll wie im IE angezeigt werden.

          Danke

          Beitrag melden
          –
          Informationen zu den Bewertungsregeln

          1. Tabelle in Firefox mit falscher Darstellung

            Ingo Turski Homepage des Autors
            – Informationen zu den Bewertungsregeln

            Hi,

            Ich möchte aber erst mal den Fehler in der Darstellung des Menüs in Firefox wegbekommen. Was ist daran falsch?

            Um das herauszufinden, solltest Du zunächst die HTML-Fehler beseitigen. Firefox hält sich genauer an den Standard als der IE.

            freundliche Grüße
            Ingo

            --
            [barrierefreie Ingo Webdesign » Suchmaschinenoptimierung | em? | IE7 - Bugs]
            Beitrag melden
            –
            Informationen zu den Bewertungsregeln

          2. Tabelle in Firefox mit falscher Darstellung

            Struppi Homepage des Autors
            – Informationen zu den Bewertungsregeln

            Das interessante ist, ja das mein geschriebener Quellcode ganz gut ist, Typo3 selbst produziert die meisten Fehler :-(

            Nein.

            Unter anderem auch den \ vor jedem >

            Das ist nur ein Fehler in dem von dir verwendetem DOCTYPE, ändere das und dieser Fehler ist keiner mehr.

            Struppi.

            --
            Javascript ist toll (Perl auch!)
            Beitrag melden
            –
            Informationen zu den Bewertungsregeln

          3. Tabelle in Firefox mit falscher Darstellung

            egal
            – Informationen zu den Bewertungsregeln

            Wer keine Ahnung von HTML hat sollte halt einfach mal keine Websites erstellen.

            Hi,

            welches HTML-Fehler denn? Ist doch alles soweit richtig, oder?
            Und einen CSS-Fehler?!?
            wie kommst Du darauf, dass alles richtig sei, ohne es zu überprüfen.
            HTML-Validator
            CS-Validator.

            freundliche Grüße
            Ingo

            Hallo!

            Das interessante ist, ja das mein geschriebener Quellcode ganz gut ist, Typo3 selbst produziert die meisten Fehler :-(

            Unter anderem auch den \ vor jedem >

            Sehr seltsam.

            Ich möchte aber erst mal den Fehler in der Darstellung des Menüs in Firefox wegbekommen. Was ist daran falsch? Es soll wie im IE angezeigt werden.

            Danke

            Beitrag melden
            –
            Informationen zu den Bewertungsregeln

            1. Richtiges Zitieren

              Timo "God's Boss" Reitz Homepage des Autors
              – Informationen zu den Bewertungsregeln

              Wer keine Ahnung von HTML hat sollte halt einfach mal keine Websites erstellen.

              Und wer keine Ahnung von richtigem Zitieren hat (siehe TOFU), sollte halt einfach mal keine Forenbeiträge erstellen.

              --
              Reden ist Silber, Schweigen ist Gold, meine Ausführungen sind Platin.
              Self-Code: sh:( ch:? rl:( br:> n4:( ie:{ mo:) va:) de:> zu:} fl:| ss:| ls:~ js:|
              Beitrag melden
              –
              Informationen zu den Bewertungsregeln

  2. Tabelle in Firefox mit falscher Darstellung

    Struppi Homepage des Autors
    – Informationen zu den Bewertungsregeln

    auf http://www2.therapeutenkompass.de seht Ihr ein neues Layout
    für unsere Firmenseite. Im IE 6 wird alles richtig dargestellt, jedoch in Firefox gibt es Problem mit dem Menü.

    ich hab mir das nicht genau angeschaut, aber ...

    <html>

    ... allein der fehlende DOCTYPE, macht die Darstellung deines Codes zur Glücksache. dazu kommt noch das Tabellenlayout, dass darüber hinaus extrem zementiert ist durch massive Verwendung von Größenangaben. Mit dem Code machst du dir keine Freud.

    Woher kommen diese ständigen Darstellungsunterschiede zwischen den
    Browsern?

    Der IE 6 ist veraltet und ignoriert viele Vorgaben wie etwas darzustellen ist, vor allem im Quirksmode (wegen fehlendem DOCTYPE)

    Struppi.

    --
    Javascript ist toll (Perl auch!)
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln