2010-06-24 3 views
3

Je travaille sur la prise d'un seul site IE et en le faisant traverser le navigateur. Tout est beau dans IE, Chrome et Safari. Cependant Firefox n'est pas content.Firefox table css générer tbody tuer la largeur de la table

J'ai une classe de table appelée "datatable" c'est comme son nom l'indique un datatable. J'essaye de l'obtenir pour s'étirer à 100% de la largeur du div qu'il contient. Le div ci-dessus est 100%. Lorsque j'utilise firebug pour le vérifier, la table s'étend à 100%. Cependant, le tbody généré par Firefox ne s'étend pas à 100%. Donc, à cause de cela, les lignes de la table sont aussi petites que le tbody. Donc je n'ai aucune idée de comment réparer ça. J'ai essayé tbody{width:100%;} et il n'a rien fait.

Toutes les idées je l'apprécierais grandement.

+1

Pouvez-vous psot aussi un peu de html et css? – dzida

Répondre

11

D'accord, je viens de répondre à ma question ... à l'intérieur du css il y avait un générique comme celui-ci css ...

table 
{ 
    border:0px solid #000000; 
    padding:0 0 0 0; 
    border-collapse:collapse; 
    border-spacing:0; 
    display:block; 
} 

J'ai enlevé le display: block et tout fonctionne très bien maintenant ... Je l'avais cherché que sur la définition table.datatable, mais ne pense à la recherche d'un générique dans le fichier ...

1

Cela pourrait être stupide, mais assurez-vous que vous choisissez le tbody correctement

#datatable tbody{width:100%} 
0

J'ai eu le même problème, l'a résolu finalement en définissant la propriété de largeur des cellules d'en-tête (j'ai supposé que c'est ce que firefox regarde pour décider de la largeur de tbody).

table.table_class th {largeur: 115px; }

c'est une option si, comme moi, vous ne voulez pas jouer avec les CSS génériques.

0

Vérifiez si vous avez font-size réglé sur quelque chose de moins que 100%.

0

Si certains navigateurs ont besoin display:block dans <table> si ...

table { 
    // Something.. 
    display: block; 
} 
body:not(:-moz-handler-blocked) table { 
    display: table; 
} 

Exemple de cas: HTML dans les e-mails

Juste un peu pirater si vous avez besoin encore aperçu de Firefox

Questions connexes