Primero que todo, no hay una solucion que aplique a todos los casos.
Para lograr un diseño "liquido" debes:
- Usar fuentes con medidas "em"
- Utilizar medidas de los contenedores usando preferiblemente "em". Los porcentajes donde sea el caso, pero son casos mas raritos
- Ajustar las caracteristicas tipograficas de las fuentes para que cuando se anche el viewport sea legible.
- Usar tecnicas de background inteligentes, que usen colores planos para ser degradables y imagenes que se puedan poner "tiled"
- Usar min/max width/heigth para controlar los tamaños. En tal caso puede ser necesario usar px.
Todo ira muy bien hasta que uses imagenes. Hasta alli llego la fiesta. Una vez en esto:
- Usas flash porque es escalable
- Usas svg pero es mas complejo, y la verdad nunca he visto nada en eso
- Usas trucos de imagenes con backgrouds extensibles pero de uso limitado
Eventualmente, un sitio 100% liquido es imposible sin usar flash y/o javascript. Por ejemplo el problema de que el texto es muy ilegible si no se parte en columnas en monitores widescreen.
Por lo demas, visita
www.sitepoint.com. Excelente sitio, y los libors en pdf muy bueno.