27May08

Líquidos y elásticos

sisi escribió esto a las 10:46

Me acabo de enterar, ayer ( :oops: ), de la diferencia entre diseño web líquido y elástico.

  • En el diseño líquido, no predefinimos en la CSS los anchos de los contenedores, por lo que la página tiende a ocupar, como si de un líquido se tratara, todo el espacio que cada pantalla proporciona. Y esto está muy bien … hasta cierto punto. Por un lado, aprovecha todas las posibilidades en cada sistema, reduce el scroll horizontal y muestra mucha información de un solo vistazo. Pero, por otro, en grandes resoluciones el resultado puede ser desastroso, con laaaargas líneas de información incómodas de leer y un diseño de aspecto desparramado.
  • En el diseño elástico, los anchos de los contenedores están definidos en em, por lo que dependen y se adaptan al tamaño de fuente elegido por el usuario. En bajas resoluciones y con el tamaño de fuente predeterminado, aparecen esas bonitas barras de scroll que tanto nos gustan :girlblum:
Tags: , , ,
* Archivado en: HTML y CSS
* 7 Comentarios
Dirección de trackback para "Líquidos y elásticos"