Hielo

Para ICE, consulte Intercambio de información y contenido.

Hielo, gelatina y líquido son términos relacionados que describen tres enfoques para controlar la ubicación del contenido en una página web. Debido a que el usuario del navegador puede controlar y cambiar tanto la resolución de la pantalla como el tamaño de la ventana, el diseñador de páginas web se enfrenta al desafío de diseñar una página que logre el efecto deseado a pesar del cambio de tamaño del usuario.

Una página de hielo es aquella en la que el contenido principal tiene un ancho fijo en píxeles y asume una alineación del margen izquierdo. Dicha página está diseñada para mostrarse de manera óptima en una configuración de resolución de pantalla y tamaño de ventana en particular, y especifica o asume ese tamaño. Si la resolución se establece en una configuración diferente, es posible que la página tenga espacio innecesario en el tamaño correcto de la ventana de visualización, pero esto es un riesgo que el diseñador decide correr.

Una página de gelatina es aquella en la que el contenido principal se centra en la página. También tiene una columna de ancho fijo, pero siempre está centrada en cualquier tamaño de ventana y con cualquier resolución de pantalla. Su alineación central elimina el margen derecho excesivo que se ve en una página de "hielo" (cuando se ve en un monitor grande). Pero puede tener márgenes excesivos en ambos lados del contenido centrado.

Una página líquida, según Glenn Davis de Project Cool, es (parafraseando un poco): ... "una página web que se ajustará sin importar el tamaño de la ventana en la que la viertas". A diferencia de los enfoques de hielo y gelatina, una página líquida o un área de contenido no deja margen en blanco ni a la derecha ni a la izquierda. Sin embargo, a menos que se tenga especial cuidado, los elementos de una página líquida a veces pueden tener demasiado o muy poco espacio entre ellos.

Los diseñadores más sofisticados a veces usan una combinación de tablas y tablas dentro de tablas para definir y controlar el espacio de diseño y la ubicación de los elementos en las distintas resoluciones y tamaños de ventanas que los usuarios pueden optar por usar. Para crear espacios o páginas de contenido líquido, es posible que pueda determinar el tamaño de la ventana y ajustar dinámicamente el diseño de su contenido para cumplir con los requisitos de cada usuario.