Border parti de la table?

Pour une raison quelconque, l'une des bordures intérieures disparaît sur ma table chaque fois que je change la hauteur par défaut avec certains CSS.Border parti de la table?

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

Voici 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?

Source

2009-06-05 JasonV

Dans quel navigateur cela se passe-t-il? – CodeLikeBeaker

Firefox, et pas IE. – JasonV

avez-vous vérifié que votre cache est effacé? Peut-être appuyez sur ctrl + F5 pour recharger et voir si cela corrige .... juste bien fonctionné pour moi dans IE et Firefox ... – RSolberg

Si vous prenez votre code et le mettez directement dans une page html vierge, ça marche? Je me demande s'il y a quelque chose à l'extérieur qui le provoque, perhapes dans un CSS différent (juste deviner). J'ai ouvert cette ouverture dans FF, Safari, Opera, Chrome, IE6-7 et 8 et je ne pouvais pas le reproduire.

Même avec/sans le border-collapse, j'obtiens le même résultat.

Source

2009-06-05 18:04:50 CodeLikeBeaker

Oui, cela fonctionne avec une page HTML complètement vierge et CSS. Merci d'avoir proposé cette méthode de dépannage. Il doit y avoir quelque chose d'autre qui l'affecte. – JasonV

Pas de problème, désolé ne peut pas vous aider beaucoup plus sans voir toute votre base de code. – CodeLikeBeaker

Oui, je vais regarder à travers le reste de celui-ci. Merci pour la contribution. – JasonV

Ce code fonctionne bien pour moi dans firefox et ie7. Changez-vous la hauteur avec javascript ou autre chose, ou juste dans l'éditeur? Cependant, vous pourriez essayer de vous débarrasser de l'effondrement des frontières.

Source

2009-06-05 18:02:05 ryanulit

Non, je ne change rien avec JS. – JasonV

Est-il possible que vous référençiez une autre feuille de style après le fait ou que vous ayez fait un autre style pour la table plus tard dans votre CSS qui pourrait en être à l'origine? – ryanulit

Juste résolu le problème. Jeez, je me sens comme un idiot. La raison pour laquelle cela se produisait était parce que j'ai été "dézoomé" un peu dans Firefox. La mise à l'échelle s'est débarrassée de l'une des frontières intérieures.

Merci à tous pour votre aide. Ce fut l'idée de Jason Heine qui m'a finalement amené à le découvrir.

Source

2009-06-05 18:30:15 JasonV

vous devez accepter sa réponse puis – Jason

Je viens de le faire ..... – JasonV

Répondre

Questions connexes