Evil villain mocking us

Cosas que funcionan mejor con tablas que con CSS

Existen algunas cosas que no funcionan tan bien con CSS como lo hacen con los diseños de tabla.

Por ejemplo, digamos que tienes una barra de navegación negra y quieres ampliar toda la altura de tu contenido. Con un diseño de tabla, es algo muy fácil: simplemente otórgale un fondo negro a <td>.

Esto se puede realizar con CSS, pero requiere una forma diferente de pensar.

Si le brindamos a nuestro div de navegación un fondo negro, el negro se extenderá solamente hasta donde termina la navegación. En la mayoría de las páginas, el contenido continúa más allá de la navegación, así que esto no saldría bien.

En cambio, podríamos revestir un GIF negro en nuestro div de contenido y brindarle a este div suficiente relleno; pero si nuestra navegación es mayor que nuestro contenido, esto tampoco funcionará.

Otra forma de tratar de resolverlo es revestir el GIF negro en el fondo de nuestro <body>, lo cual es correcto a menos que quieras utilizar otra imagen para el fondo de tu <body>.

O, podemos envolver nuestro contenido en un div “wrapper” y revestir la imagen en esa div. Sin embargo, esto implica un agregado intrascendente no semántico para nuestro marcado.

Y, desde ya, el hecho de revestir imágenes de fondo no será un buen resultado si quieres lograr que la amplitud de tu navegación sea fluida.

Como dijimos anteriormente, algunas cosas funcionan mejor con tablas que con CSS. Pero, finalmente, deberás preguntarte si todo el enredo que viene con el uso de las tablas para el diseño en lugar de datos vale la pena.

>
Scott Design