2011-11-08 3 views
4

J'utilise une table pour rendre un calendrier. Je l'ai remarqué un bug de rendu étrange dans le tableau rendu à la frontière cellulaire dans Firefox version 3.6 à 7. Voici une capture d'écran:Contournement pour le rendu de bordure de tableau Firefox Bogue

table border rendering bug

Comme vous pouvez le voir, la frontière devient « plié » quand je défiler. De plus, il y a des espaces entre les frontières horizontales et verticales où il n'y a pas de «courbure». Un exemple en direct peut être vu sur this web site. Je ne vois pas ce comportement dans Chrome, Safari ou Internet Explorer.


MISE À JOUR

Je vois encore cette question dans Firefox 20. J'ai remarqué que les frontières de pixels individuels ne présentent pas ce comportement, seulement deux pixels ou plus.

+0

ne est arrivé la première fois que je l'ai ouvert la page, rafraîchissante fait le bug disparaît, ctrl + clic sur la table les cellules le reproduisent – max4ever

+0

@ max4ever - C'est vrai pour moi et le problème "plié", mais le problème d'un pixel reste. – Sonny

Répondre

5

Vous avez un problème de cinque border-collapse:

Voici une solution à votre problème: http://www.charlesgarwood.com/blog/?p=13

Que faire:

  • changement border-collapsecollapse-separate
  • changement le border-width des <td> s et <th> s de 2px à 1px
  • donner le <table> lui-même un 1pxborder

Donnez quelques commentaires conditionnels comme décrit dans le lien

+2

Merci! Cela ressemble à l'une de ces situations où la guérison est presque plus laide que le symptôme. – Sonny

Questions connexes