Grenze vom Tisch verschwunden?

Question

Aus irgendeinem Grund verschwindet einer der inneren Rahmen auf meinem Tisch, wenn ich die Standardhöhe mit etwas CSS ändere.

HTML:

<table class="event"> 
    <tr> 
    <td>Start Date</td> 
    <td>2009-6-2</td> 
    </tr> 
    <tr> 
    <td>End Date</td> 
    <td>2009-6-8</td> 
    </tr> 
    <tr> 
    <td>Location</td> 
    <td>Vail</td> 
    </tr> 
</table> 

CSS:

table.event 
{ 
    border-collapse: collapse; 
    border: 1px solid #000; 
    width: 33%; 
    height: 300px; 
} 

table.event td 
{ 
    border: 1px solid #000; 
    padding: 2px; 
} 

Hier ist, was es sieht derzeit wie

http://img410.imageshack.us/img410/394/whatv.png http://img410.imageshack.us/img410/394/whatv.png

jemand irgendwelche Ideen haben, wie ich dieses Problem beheben?

Answer 1

Wenn Sie Ihren Code nehmen und direkt in eine leere HTML-Seite einfügen, funktioniert das? Ich frage mich, ob es etwas gibt, das es verursacht, in einem anderen CSS (nur Raten).

Ich zog dieses Öffnen in FF, Safari, Opera, Chrome, IE6-7 und 8 und konnte es nicht replizieren.

Auch mit/ohne den Grenz-Kollaps bekomme ich die gleichen Ergebnisse.

Answer 2

Dieser Code funktioniert gut für mich in Firefox und ie7. Ändern Sie die Höhe mit Javascript oder etwas anderem oder nur innerhalb des Editors? Sie könnten jedoch versuchen, den Grenzkollaps zu beseitigen.

Answer 3

Gerade hat das Problem gelöst. Meine Güte, ich fühle mich wie ein Idiot. Der Grund dafür war, dass ich in Firefox ein wenig "herausgezoomt" wurde. Die Skalierung löste eine der inneren Grenzen.

Danke an alle für die Hilfe, Es war Jason Heines Idee, die schließlich dazu führte, dass ich es herausgefunden habe.