No me gusta utilizar tablas html en mis paginas web… Pero hay momentos en que no queda otro remedio. Como es lógico, intento darles formato mediante CSS en mi hoja de estilos, pero siempre había algo que me volvía loco… ¡El ancho de las columnas no se quedaba fijo!.
El navegador, sino le indicas lo contrario, hace lo que le da la gana y normalmente la última columna no tiene el mismo ancho que las demás (por lo menos en mi caso). ¿Como podemos darle un ancho fijo a las columnas de una tabla con CSS? Fácil, muy fácil…
Simplemente tienes que añadir al codigo CSS de tu tabla la siguiente linea:
table-layout: fixed;
O sí lo prefieres, puedes añadir directamente en el código table HTML lo siguiente:
style=’table-layout:fixed’;
Y todo solucionado. Funciona a las mil maravillas.
Genial!! Aunque yo me pregunto… ¿existe algún atributo aplicable solo a una fila para que sus columnas se queden fijas? Éste es para la tabla completa aunque en http://www.w3.org/TR/CSS21/tables.html#fixed-table-layout dicen «Applies to: ‘table’ and ‘inline-table’ elements», pero a mí no me funciona para los … ¿existe alguno? Un saludo! Y muy bueno el post 😉
Muchas gracias! Justo lo que andaba buscando
Funciona de maravilla, gracias !…
hola amigo este es la codificación que estoy haciendo el problema es que no me permite centrar la tabla?.
alguien me puede ayudar
echo »
AÑO DEL DIALOGO Y LA RECONCILIACIÓN NACIONAL«;
echo «EL QUE SUSCRIBE, SECRETARIO ACADEMICO DEL INSTITUTO DE EDUCACION SUPERIOR TECNOLOGICO PUBLICO CESAR AUGUSTO GUARDIA MAYORGA DE CORACORA, otroga la presente:»;
echo «CONSTANCIA DE NOTAS«;