Border disparu de la table?

Question

Pour une raison quelconque, l'une des frontières à l'intérieur disparait sur ma table à chaque fois que je change la hauteur par défaut avec quelques CSS.

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;
}

Voilà ce qu'il ressemble actuellement

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

Tout le monde a des idées sur la façon dont je peux résoudre ce problème?

Answer 1

Si vous prenez votre code et mettez directement dans une page html vide, ça marche? Je me demande s'il y a quelque chose causant l'extérieur, perhapes dans un autre CSS (juste deviner).

J'ai tiré cette ouverture dans FF, Safari, Opera, Chrome, IE6-7 et 8 et ne pouvait pas le reproduire.

Même avec / sans la frontière effondrement i obtenir les mêmes résultats.

Answer 2

Il suffit de résoudre le problème. Jeez, je me sens comme un idiot. La raison pour laquelle ce qui se passait était parce que je « zoomé sur » un peu dans Firefox. La mise à l'échelle est débarrassé de l'une des frontières à l'intérieur.

Merci à tous pour l'aide, il a été l'idée de Jason Heine qui conduisent finalement à me figurer dehors.

Answer 3

Ce code fonctionne bien pour moi dans Firefox et IE7. Est-ce que vous changez la hauteur avec javascript ou autre chose, ou tout simplement dans l'éditeur? Cependant, vous pouvez essayer de se débarrasser de l'effondrement-frontière.