2009-06-05 8 views
2

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?

+2

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

+1

Firefox, et pas IE. – JasonV

+1

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

Répondre

6

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.

+3

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

+0

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

+0

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

0

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.

+0

Non, je ne change rien avec JS. – JasonV

+0

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

1

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.

+0

vous devez accepter sa réponse puis – Jason

+0

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

Questions connexes