Zellenabstände in Tabelle passen nicht

  • Ich habe in meiner Seite http://www.bankplatz.de.vu eine Navigations-Tabelle. In anderen Browsern wird sie auch korrekt dargestellt, in Firefox 1.0.4 sind die vertikalen Abstände zu groß, sodaß das komplette Bild in Streifen erscheint.
    Ich füge hier mal den Quelltext ein:

    <table cellspacing=0 cellpadding=0 border=0>
    <tr><td><img src="Bilder/Buttons2/gap000.png"></td></tr>
    <tr><td><a href="Eregli.html" target="frame_2" onMouseOver="nn0.src='Bilder/Buttons2/but001.png'" onMouseOut="nn0.src='Bilder/Buttons2/but000.png'"><img src="Bilder/Buttons2/but000.png" name="nn0" border=0></a></td></tr>
    <tr><td><img src="Bilder/Buttons2/gap001.png"></td></tr>
    <tr><td><a href="EregliA.html" target="frame_2" onMouseOver="nn1.src='Bilder/Buttons2/but003.png'" onMouseOut="nn1.src='Bilder/Buttons2/but002.png'"><img src="Bilder/Buttons2/but002.png" name="nn1" border=0></a></td></tr>
    <tr><td><img src="Bilder/Buttons2/gap002.png"></td></tr>
    <tr><td><a href="EregliV.html" target="frame_2" onMouseOver="nn2.src='Bilder/Buttons2/but005.png'" onMouseOut="nn2.src='Bilder/Buttons2/but004.png'"><img src="Bilder/Buttons2/but004.png" name="nn2" border=0></a></td></tr>
    <tr><td><img src="Bilder/Buttons2/gap003.png"></td></tr>
    </table>

    Mit "cellpadding=0" und "cellspacing=0" dürften doch eigentlich keine Zellabstände vorhanden sein?
    Was kann ich ändern?
    Mein Kenntnisstand ist nicht besonders hoch, ich bin für jede Hilfe dankbar

    Simon

  • Standardfehler. Einfach den img's die CSS-Definition vertical-align:bottom mitgeben, dann passt es.

    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)

  • Es gibt einen Webstandard, der vorschreibt, wie was zu sein hat. Das Konsorzium, dass den Webstandard bestimmt findest Du hier:
    http://www.w3c.org

    Firefox ist sehr webstandardnah (im Gegensatz z.B. zu MS, die meinen sie wüssten alles besser) und reagiert daher stellenweise anders als andere browser.

    Und natürlich gibt es diesbezüglich auch immer wiederkehrende fehler in Seiten, die diese unterschiede nicht berücksichtigen. ; )

    Insofern kann man das mit dem Standardfehler in zweierlei weise sehen: passiert immer wieder und vor allem im verbindung mit dem webstandard.

  • Naja, ich weiß nicht was der Standard zu diesem Thema vorsieht, ich finde es ziemlich blöd so wie es der FF macht muss ich sagen, und ich glaube auch nicht dass das so gedacht ist (es sei denn du kannst mir einen vernünftigen Grund nennen). Mit "Standardfehler" meinte ich eher, dass mir das auch schon öfter passiert ist.

    Für deinen Code, einfach das hier im head einfügen:

    Code
    <style type="text/css">
     <!--
      img {vertical-align:bottom;}
     -->
    </style>

    Außerdem würde ich mal den Doctype (ganz oben) ändern. Was ist das überhaupt wieder für ein MS-Müll??? Von dem Editor den du verwendest hab ich auch noch nie was gehört.


    Übrigens: Für HTML/CSS kann ich wie immer selfHTML empfehlen.

    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)

  • Hem. Mein Fehler. Ich dachte das wäre wegen eines strikten DocTypes. Da behandelt Gecko img ja anders. So mit baseline usw (warum auch immer). aber wurde ja garkein richtiger DocType verwendet... hem....

  • Hallo brain, danke für den Tip
    und danke an alle anderen, so gehts.
    Das ist übrigens kein MS-Müll, schau mal auf die Startseite ganz rechts unten in die Ecke, dann weißt Du, warum Du noch nie davon gehört hast.

    :lol:
    Und wenn ich viel Zeit habe, ändere ich auch noch den doctype, jetzt brauche ich erst mal eine Weile, bis ich auf allen Seiten Deinen Text eingefügt habe
    Nochmal danke
    Bis zum nächsten mal
    Simon

  • Für solche Fälle macht es sich immer gut eine externe CSS-Datei zu haben, da brauchst du das nämlich nur einmal ändern.

    <!DOCTYPE HTML PUBLIC "-//IETF//DD HTML 3.2//EN">

    Deshalb dachte ich es könnte was mit IE zu tun haben, sorry.

    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)