7
votes

Comment faire un Remplissez vertifiquement une cellule de table avec CSS?

Comment puis-je créer un bouton HTML remplir vertifiquement une cellule de table avec CSS?

Je peux utiliser largeur: 100% Pour faire le bouton horizontalement remplir une cellule de table avec CSS, mais hauteur: 100% ne fait rien.

Pour un exemple, veuillez consulter: http://jsfiddle.net/ea5fq/

Merci!


2 commentaires

Pouvez-vous être peu plus clair ..? Que voulez-vous exactement avec CSS?


La hauteur du pourcentage est héritée du parent de l'élément. Si la hauteur du parent n'est pas définie, il n'y a aucun point de référence.


4 Réponses :


4
votes

Vous devrez spécifier la hauteur en pixels comme dans: xxx


1 commentaires

Merci Ken, qui fonctionne définitivement, mais y a-t-il un moyen de le faire via% de sorte qu'il prend juste en charge toute la zone de la cellule de table.



-1
votes

Si vous utilisez min-hauteur: 1px; ainsi que Hauteur: 100%; Il semble fonctionner correctement: http://jsfiddle.net/jjbcd/8/


3 commentaires

J'aimerais pouvoir faire avec un%, mais cela ne fonctionne pas à ma fin (Firefox 4). Des idées pourquoi? Merci.


Je ne suis pas sûr de comprendre. Hauteur 100% fonctionne pour moi, peu importe si la hauteur minimale est définie ou non. Fonctionne dans une balise TD et la DIV. JSFIDDLE.net/jjbcd/9 Aussi à l'aide de FF4 (XP)


Ensuite, vous n'avez peut-être pas besoin de cela. :-) Si cela fonctionne sans cela, alors sortez-le.



4
votes

Si cela ne vous dérange pas une solution de jQuery: xxx

Démo en direct


0 commentaires

4
votes

Ajouter Hauteur: 100%; à votre bouton et définissez la hauteur de votre étiquette TD dans les percents


1 commentaires

Oui, définissez 100% sur le bouton TD et ON à l'intérieur de TD. merci cela résolu