Kc: Mozilla: border-collapse bug?

Beitrag lesen

Hallihallo,

ich bin letzte Woche auf ein interessantes, aber ärgerliches Verhalten von FF2+FF3 gestoßen:
Im doctype "Strict" und "Transitional" führt die Eigenschaft "border-collapse: collapse" bei einer Tabelle dazu, dass die Außenränder nicht im Bereich der Tabelle gezeichnet werden, sondern außerhalb. Durch einiges googlen konnte ich herausfinden, dass dieses Verhalten anscheinend schon seit mindestens 2005 bekannt ist (ob es nun tatsächlich ein Bug ist oder nicht weiß ich nicht), jedoch wohl nie gefixed wurde (auch im neuen FF3 nicht).
Ich habe mir jetzt nicht die exakte CSS-Spezifikation für diesen Fall durchgelesen, aber mal unabhängig davon ob es ein Bug ist oder nicht: Kennt jemand eine Möglichkeit, dieses Verhalten zu umgehen ohne auf border-collapse:collapse zu verzichten oder in einen anderen doctype zu schalten?

Gruß,
  Kc

  
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">  
  
<html>  
    <head>  
        <style type="text/css">  
            #tata {  
                border: 1px solid #ff0000;  
                width:500px;  
                height:400px;  
            }  
            #toto {  
                border-collapse:collapse;  
            }  
            #toto td {  
                border: 6px solid #00ff00;  
            }  
        </style>  
    </head>  
    <body>  
        <div id="tata">  
            <table id="toto">  
                <tr><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td></tr>  
                <tr><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td></tr>  
                <tr><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td></tr>  
                <tr><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td></tr>  
                <tr><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td></tr>  
                <tr><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td></tr>  
                <tr><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td></tr>  
                <tr><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td></tr>  
                <tr><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td></tr>  
                <tr><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td><td>a</td></tr>  
            </table>  
        </div>  
    </body>  
</html>