2010-07-29 7 views
1

J'utilise une table imbriquée dans une table qui possède la propriété border-collapse:collapse;. Le problème est avec la propriété padding de la table imbriquée, que Opera semble ignorer.Rembourrage CSS d'une table imbriquée ignorée par Opera

Pour réduire au plus simple possible, avec le code HTML suivant ...:

<table style="border-collapse:collapse;"> 
    <tr> 
     <td> 
      <table style="padding:3em;"> 
       <tr><td>ABCDE</td></tr> 
      </table> 
     </td> 
    </tr> 
</table> 

... la propriété padding est ignorée par Opera, alors que Firefox, Chrome et Safari prennent en compte dans le rendu.

Ma question est: laquelle a raison? Dois-je le laisser de cette façon et ignorer les utilisateurs d'Opera, ou chercher une autre façon de définir mon remplissage parce que Opera a raison sur la syntaxe?

Répondre

0

Dans votre cas, je voudrais simplement mettre le rembourrage dans le contenant <TD>. Si vous voulez le garder sur la table et ignorer les utilisateurs d'Opera, vous n'êtes pas aliéner une grande partie des utilisateurs du Web, bien que certains seront irrités sans aucun doute.

+0

Nous vous remercions de votre réponse. La chose est, je ne peux pas changer le code du contenant: J'essaye de coder la table imbriquée, de sorte qu'elle devrait être montrée correctement quand incluse dans une table avec le "border-collapse: collapse;" propriété. Je sais qu'il n'y a pas beaucoup d'utilisateurs d'Opera, mais cet affichage d'Opera-only incorrect m'a troublé, parce que je pensais qu'Opera était le navigateur le plus conforme aux normes: je me demande donc si ce n'est pas une erreur de codage plus qu'un affichage incorrect par Opera ... Ma question demeure: quel navigateur a raison? que * devrait * être affiché avec ce code? – Socce

+0

Personnellement, je ne mets jamais de rembourrage sur un élément de la table. Vous pourriez essayer de remplacer la marge pour le remplissage. Le fait est, les spécifications CSS sont ouvertes à l'interprétation, et les différents navigateurs font des choses différentes. Ce n'est pas que Opera a tort; les autres sont juste différents. – Robusto

+0

Si je vous comprends bien, il n'y a pas de rendu "correct" défini de ce code HTML, et Opera peut avoir ses raisons de croire que "border-collapse: collapse;" La propriété doit invalider le remplissage d'une table imbriquée (et il peut s'agir d'un bug). Par conséquent, je devrais utiliser une description CSS différente et moins ambiguë si je veux m'assurer que le rendu est le même à travers les différents navigateurs. Eh bien, si j'ai bien compris, merci pour vos explications! – Socce

Questions connexes