No uso tablas HTML en mi sitio web… pero a veces no queda otra opción. Por supuesto, intento aplicarle estilo con CSS en mi hoja de estilo, pero siempre hay algo que me vuelve loco… ¡las columnas no tienen un ancho fijo!
Los navegadores hacen lo que quieren a menos que les indiques lo contrario y, por lo general, la última columna no tiene el mismo ancho que las otras columnas (al menos en mi caso). ¿Cómo puedo dar a las columnas de una tabla un ancho fijo usando CSS? Sencillo, muy sencillo…
Razones para usar tablas en HTML (y por qué no)
Antes que nada quiero dejar claro que las tablas en HTML tienen una función muy importante. Una tabla es un elemento creado para mostrar una representación de datos en filas y columnas, en lugar de crear un diseño de página web. Hago hincapié en NO porque las mesas han sido una parte integral del diseño durante mucho tiempo. En caso de que alguien esté confundido, aquí hay algunas razones por las que debería olvidarse de organizar su sitio web con tablas y usar hojas de estilo CSS para elegir su apariencia.
Sucedió por una sencilla razón. Los diseñadores lo eligen porque es una de las formas más sencillas de diseñar visualmente sitios web complejos, combinando texto e imágenes de una forma sencilla y directa. Lo hicieron fácilmente con el mágico “borde=”0”. Sin embargo, CSS es más flexible y ofrece más opciones de diseño.