Per ICE, vedere Scambio di informazioni e contenuti.
Ghiaccio, gelatina e liquido sono termini correlati che descrivono tre approcci al controllo del posizionamento dei contenuti su una pagina Web. Poiché l'utente del browser può controllare e modificare sia la risoluzione dello schermo che le dimensioni della finestra, il progettista della pagina Web deve progettare una pagina che raggiunga l'effetto desiderato nonostante il ridimensionamento dell'utente.
Una pagina di ghiaccio è quella in cui il contenuto principale ha una larghezza fissa in pixel e assume un allineamento del margine sinistro. Tale pagina è progettata per essere visualizzata in modo ottimale su una particolare impostazione di risoluzione dello schermo e dimensione della finestra e specifica o assume quella dimensione. Se la risoluzione è impostata su un'impostazione diversa, la pagina potrebbe avere spazio non necessario sulla giusta dimensione della finestra di visualizzazione, ma questo è un rischio che il progettista sceglie di correre.
Una pagina jello è quella in cui il contenuto principale è centrato sulla pagina. Ha anche una colonna a larghezza fissa, ma è sempre centrata in una finestra di qualsiasi dimensione e con qualsiasi risoluzione del display. Il suo allineamento al centro elimina l'eccessivo margine destro visto in una pagina "ghiacciata" (se visualizzata su un monitor di grandi dimensioni). Ma può avere margini eccessivi su entrambi i lati del contenuto centrato.
Una pagina liquida, secondo Glenn Davis di Project Cool, è (per parafrasare leggermente): ... "una pagina Web che si adatta a qualsiasi dimensione della finestra in cui la versi". A differenza dell'approccio ghiaccio e gelatina, una pagina liquida o un'area di contenuto non lascia margini vuoti a destra oa sinistra. Tuttavia, a meno che non venga prestata particolare attenzione, gli elementi in una pagina liquida a volte possono avere troppo o troppo poco spazio tra di loro.
I progettisti più sofisticati a volte utilizzano una combinazione di tabelle e tabelle all'interno di tabelle per definire e controllare lo spazio di layout e il posizionamento degli elementi nelle varie risoluzioni e dimensioni delle finestre che gli utenti possono scegliere di utilizzare. Per creare spazi o pagine di contenuto liquido, potresti essere in grado di determinare le dimensioni della finestra e regolare dinamicamente il layout del contenuto per soddisfare le esigenze di ogni utente.