tablelle sprengt div container

  • hallo liebes forum - mein erster post ;)

    ich habe einen div-container, dem ich über css eigenschaften zugewiesen habe_

    #banner {
    position: fixed;
    left: 0px;
    top: 0px;
    right: 0px;
    height: 50px;
    }

    der html-text ruft nun den container auf und plaziert darin eine 11-spaltige Tabelle_

    <div id="banner">
    <table width="100%" height="50" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td width="290" bgcolor="#555555"><img border="0" src="images/abc.jpg"></td>
    <td width="130" bgcolor="#555555"><img border="0" src="images/1x1_transparent.png" width="1" height="1"></td>
    <td width="40" bgcolor="#555555"><a href="#spalte_1"><img border="0" src="images/1981.jpg"></a></td>
    <td width="75" bgcolor="#555555"><img border="0" src="images/1x1_transparent.png" width="1" height="1"></td>
    <td width="40" bgcolor="#555555"><a href="#spalte_2"><img border="0" src="images/1993.jpg"></a></td>
    <td width="75" bgcolor="#555555"><img border="0" src="images/1x1_transparent.png" width="1" height="1"></td>
    <td width="40" bgcolor="#555555"><a href="#spalte_3"><img border="0" src="images/2005.jpg"></a></td>
    <td width="75" bgcolor="#555555"><img border="0" src="images/1x1_transparent.png" width="1" height="1"></td>
    <td width="40" bgcolor="#555555"><a href="#spalte_4"><img border="0" src="images/2013.jpg"></a></td>
    <td width="20" bgcolor="#ffffff"><img border="0" src="images/story_bar.jpg"></td>
    <td width="200" bgcolor="#ffffff" align="right"><img border="0" src="images/xyz.jpg"></td>
    </tr>
    </table>
    </div>

    soweit so gut. was mich zum wahnsinn treibt, ist die tatsache, dass der browser die tabelle im div immer 54 pixel gross darstellt. das betrifft sowohl den firefox als auch den safari. die bilder sind aber alle definitiv nur 50 pixel hoch! wenn ich die tabelle zur kontrolle in ein neues dokument kopiere wird sie auch wie gewünscht mit 50 px höhe dargestellt.

    mit welchem befehl bekomme ich meinen div-container wieder auf die gewünschten 50 px höhe?

    vielen dank,
    senso

  • Du verwendest da Attribute wie bgcolor und border, auf diese solltest du verzichten. Darstellung gehört nicht ins HTML sonder wird mit CSS gelöst. Die Tabelle scheint hier sowieso nicht die richtige Lösung zu sein. Tabellen werden zur Darstellung tabellarischer Daten, nicht zu Layoutzwecken verwendet.

    Meine Empfehlung wäre also, das ganze mit zeitgemässeren Mitteln zu lösen, dann kann man dir auch besser helfen. Bei Problemen wie diesem, wo Elemente nicht die erwarteten Masse haben, empfiehlt sich immer, mit CSS das Boxmodell zurückzusetzen, also alle margins, paddings und borders auf 0 zu setzen.

    Gruss,
    -Lukas