Tableau HTML: garder la même largeur pour les colonnes
J'ai une table avec plusieurs groupes de colonnes. La table est plus grande que ma page, j'ai donc un contrôle pour afficher/masquer certains de ces groupes pour tenir sur la page. Le premier tableau semble bon: toutes les colonnes sont de la même largeur à l'intérieur d'un groupe. Mais quand je me cache dans un groupe, les colonnes ne sont pas de la même largeur, et de plus, il est mauvais.
Exemple: http://www.reviews-web-hosting.com/companies/apollohosting.html (lien brisé)
Jusqu'à présent, le tableau semble parfait. Cliquez sur >>. La première colonne sous "Ecommerce Pro" est beaucoup plus large que les autres colonnes sous "Ecommerce Pro", il semble étrange. Cliquez sur <<, cette fois la première colonne sous la "Valeur" est trop large. Au moins sur Firefox.
J'ai essayé d'utiliser
<colgroup><col /><col span="5" />...
mais pas de chance. Si j'ai mis un col style="display: none", l'ensemble des colonnes est toujours affiché.
Tout code HTML/CSS astuce pour garder les colonnes de même largeur à l'intérieur d'un groupe?
Edit:
- pour masquer une colonne, j'ai utiliser de la visibilité: l'effondrement
- il semble être le redimensionnement et bien maintenant, je ne sais pas pourquoi
- La boîte de dialogue d'authentification m'empêche d'utiliser le site.
- Il ne m'empêche de voir certaines images.
- C'est un tort .htaccess qui demande à s'authentifier pour obtenir les images dans /sites. Je vais corriger ça ce soir. Je suis encore à travailler sur la construction du site.
Vous devez vous connecter pour publier un commentaire.
Si vous définissez le style
table-layout: fixed;
sur votre table, vous pouvez remplacer le navigateur automatique de la colonne de redimensionnement. Le navigateur va alors définir les largeurs de colonne en fonction de la largeur des cellules de la première ligne de la table. Changer votre<thead>
à<caption>
et retirer le<td>
intérieur de celui-ci, puis de définir des largeurs fixes pour les cellules de<tbody>
.table-layout: fixed;
résolu le même problème pour moi (FFox 11).donner ce style de td: largeur: 1%;
width: 100%
Dans votre cas, puisque vous êtes seulement en montrant 3 colonnes:
pourquoi ne pas mettre en toutes les 3 pour une largeur de 33,3%. depuis seulement 3 sont jamais montré à la fois, le navigateur devrait rendre tous une même largeur.
bien, pourquoi ne pas (se débarrasser de la barre latérale) appuyer sur la table de sorte qu'il est sans afficher/masquer l'effet? Il semble étrange pour moi maintenant. La table est trop robuste.
Sinon, je pense que scunliffe la suggestion de le faire. Ou si vous le souhaitez, vous pouvez simplement régler la largeur exacte de la table et est fixé soit en pourcentage ou en pixels de largeur pour les cellules de tableau.