img Problem innerhalb von Tabellen

  • Wenn ich Bilder in Tabellen darstelle also nicht als Tabellenhintergrund sondern direkt als <img src... in die Tabelle schreibe ist der untere Bereich zu groß zum Border.
    Bzw. besser ausgedrückt: Ich möchte das ein Zelle genau mit der Grafik abschließt.
    Da hilft auch kein padding-bottom geschweige dem cellpadding="0" cellspacing="0".
    Im IE wirds richtig angezeigt.
    Da ich aber Firefox User bin macht mich das noch völlig krank.
    Was kann ich dagegen tun. Wieso ist das so?
    Hoffe mir kann jemand helfen. :roll:

  • Geht leider nicht aber ich kann den Code posten und das mach ich doch auch gleich mal ^^

    Das ist die betroffene Stelle:

    Code
    <table class="board">
      <tr>
        <td class="headerside"><img src="./templates/default/images/header_left.gif" /></td>
        <td class="headermiddle">&nbsp;</td>
        <td class="headerside"><img src="./templates/default/images/header_right.gif" /></td>
      </tr>

    board:

    headerside:

    Code
    TD.headerside {
    padding : 0px;
    border : 0px; 
    border-style : solid; 
    border-color : red; 
    }

    headermiddle:

    Code
    TD.headermiddle {
    width : 100%;
    padding : 0px;
    background-image : URL(images/header_middle.gif);
    background-repeat : repeat-x;
    border : 0px; 
    border-style : solid; 
    border-color : red; 
    }

    Das wars dann eigentlich auch schon :D