¿Cómo puedo hacer un archivo HTML <button> vertifically llenar una celda de tabla con CSS?¿Cómo hacer que un HTML <button> llene verticalmente una celda de tabla con CSS?
puedo usar width:100% para que el botón horizontal llenar una celda de tabla con CSS, pero height:100% no hace nada.
Para ver un ejemplo, consulte: http://jsfiddle.net/eA5fQ/
Gracias!
Tendrá que especificar la altura en píxeles como en:
height: 100px;
Gracias Ken, eso definitivamente funciona, pero ¿hay CUALQUIER forma de hacerlo a través de% para que simplemente ocupe toda el área de la Celda de Tabla en la que se encuentra? – PleaseHelpMe
Si utiliza min-height: 1px;, así como height: 100%; que parece funcionar bien: http://jsfiddle.net/jJbCd/8/
Me encantaría poder hacer un%, pero eso no funciona en mi extremo (Firefox 4). ¿Alguna idea de por qué? Gracias. – PleaseHelpMe
Intentó en FF 4 y tampoco funcionó. No tengo idea de por qué ... – penguinrob
Funciona si no está en una td por alguna razón: http://jsfiddle.net/jJbCd/8/ – penguinrob
Si no te importa una solución jQuery:
$('#button1').css('height', $('#button1').parent('td').height());
Añadir height:100%; a su botón y ajuste la altura de la etiqueta td en porcentajes
yes set 100% en td y en el botón dentro de td. gracias eso lo resolvió –
¿Puede ser poco más claro ..? ¿Qué es exactamente lo que quieres con CSS? –
La altura del porcentaje se hereda del elemento principal del elemento. Si la altura del padre no está definida, no hay un punto de referencia. –