2010-12-03 25 views
0

Je crée un tableau HTML et définit la largeur à 900 pixels. Ensuite, je crée 4 colonnes, et mettre du texte dans chaque cellule. Lorsque cela apparaît dans Firefox, les quatre colonnes remplissent toute la largeur de la table, mais dans I8, chaque colonne prend la quantité d'espace dont elle a besoin, et rien de plus.Comment faire IE TD remplir toute la largeur de la table?

Comment puis-je faire en sorte que les quatre colonnes d'IE utilisent toute la largeur de la table?

Dans IE:

------------------------------------------- 
| Col1 | Col2 | Col 3 | Col 4|    
------------------------------------------- 

Dans Firefox:

------------------------------------------- 
| Col1 | Col2 | Col 3 | Col 4 |    
------------------------------------------- 

Edit: Le vrai problème est que j'avais un TD en haut de la table, qui a été mis à colspan = 99. Lorsque cela a été défini sur colspan = 4, IE a utilisé toute la largeur.

+0

Quelle version de IE? - Je ne peux pas reproduire ceci dans IE8 (par exemple http://jsbin.com/awanu3) ou IE8 en mode IE7 – Dexter

Répondre

1

Si votre table aura toujours 4 colonnes, vous pouvez définir la largeur explicitement avec quelques CSS:

table td { width: 25%; } 
1

définir la largeur de chaque colonne = 225