Ni fijo, ni líquido. Elástico - Algunas conclusiones

La realidad es que una vez que se entiende el funcionamiento de este sistema, puede usarse muy fácilmente, aunque con algunas limitaciones. El principal problema viene de la mano del uso de imágenes de fondo en los bloques de la página. No es que no se puedan usar, sino que hay que tener en cuenta algunas cosas a la hora de pensar cómo implementarlas, como por ejemplo que al achicarse un bloque éstas se cortarán y que al agrandarlo éstas no lo seguirán. Hay también algo que sí se puede aprovechar y es que se puede definir el tamaño de una imagen con “em” para el width y el height con lo cual lograremos que las imágenes así definidas se agranden o se achiquen junto con el diseño (un efecto muy simpático, a la vez que útil para una persona con problemas de visión que debe agrandar todo para verlo).

De cualquier manera y desde mi punto de vista, es (al menos hoy en día) la mejor solución para páginas y sitios web en los que lo más importante es el texto ya que permite: por un lado manejar muy facilmente un bloque de texto asegurando que su ancho es el óptimo para una lectura cómoda y eficaz; y por otro brindar una accesibilidad bastante mejorada al común de los sitios ya que es el usuario quien decide en qué tamaño desea leer nuestro contenido.

En la actualidad, 100px.com esta casi basado en una diagramación elástica. El “casi” responde a la limitación de las imágenes de fondo. En el caso de este sitio, la columna de extras no tiene el ancho definido con “em” sino que responde a un ancho fijo ya que debía tener el fondo azul con sombra y esquinas redondeadas. Si bien pudo haberse solucionado usando un truco con varios DIV anidados con sendas imágenes en cada esquina, se decidió dejar el ancho fijo para no complicar el documento XHTML innecesariamente.