Foros del web, para los que viven de bits

kazafun · 05-dic-2005, 03:34

Quiero empezar a aprender algo de paginas liquidas y me surgen muchas dudas... entre ellas esta:

Tengo esto:

Código:

<div id="contenedor">
	<div id="cabecera">
	</div>

	<div id="cuerpo">
	</div>

	<div id="pie">	
	</div>
</div>

Y tanto la "cabecera" como el "pie" seran capas CON UNA IMAGEN como fondo, por lo tanto de un tamaño FIJO.
El cuerpo sera variable. PERO me gustaria que haya lo que haya en la capa "cuerpo" siempre quede el "pie" en la parte inferior (aunque no haya nada en la capa "cuerpo") y solo se desplaze hacia abajo cuando el contenido de "cuerpo" no quepa en la pantalla.

¿Como saber el % o pixeles de "cuerpo" para cada resolucion de pantalla distinta?

Echadme una mano, o tendre que volver a refugiarme en las paginas fijas... jejeje.

GRACIAS.

Jorolo · 05-dic-2005, 12:40

Hola kazafun.

Cuando hablas de "páginas líquidas", supongo que te refieres al denominado 'diseño líquido'.

Pero leyendo la descripción de lo que quieres hacer... me parece muy bien, pero no me parece nada líquido.

Y con esta pregunta ya me has matao.
"¿Como saber el % o pixeles de "cuerpo" para cada resolución de pantalla distinta?"

Una de las ventajas del diseño líquido, es que no tienes que preocuparte de la resolución de la pantalla del usuario (en el supuesto de que haya pantalla).

Por otro lado, si lo piensas bien, tanto da la resolución, el 50% es siempre la mitad.

¿es a mi? · 05-dic-2005, 13:06

Yo estoy empezando en esto de CSS
Nunca he oido el término "páginas líquidas", pero me ha ayudado mucho un ejemplo en el que se explica el desarrollo tanto del html como de la hoja CSS al tiempo. Es, según dicen en la página, un ejemplo muy básico, pero eso que preguntas creo que sé como hacerlo con sólo haber leido el ejemplo. Lo puedes encontrar aquí
Si lo quieres descargar en formato imprimible te piden que te registres, pero o he usado copiar y pegar en word, con lo que lo he podido imprimir sin más.
Espero que te sirva
Saludos

kazafun · 06-dic-2005, 02:44

El problema es que me explique muy mal.

Yo lo que queria realmente era un pie "footer" que siempre permanezca al final de la pagina, con el añadido de que si el contenido no llega al final el pie igualmente se quede pegado abajo. Y por supuesto que cuando el contenido de la pagina llegue hasta el pie, desplace a este hacia abajo.

kahlito · 14-dic-2005, 12:42

Hola Kazafun, te puede valer algo como esto?

http://www.tierradenomadas.com/rc010.phtml

05-dic-2005, 03:34	#1 (permalink)
kazafun Fecha de Ingreso: diciembre-2003 Ubicación: Elda Mensajes: 499	A ver como hariais esto... Quiero empezar a aprender algo de paginas liquidas y me surgen muchas dudas... entre ellas esta: Tengo esto: Código: <div id="contenedor"> <div id="cabecera"> </div> <div id="cuerpo"> </div> <div id="pie"> </div> </div> Y tanto la "cabecera" como el "pie" seran capas CON UNA IMAGEN como fondo, por lo tanto de un tamaño FIJO. El cuerpo sera variable. PERO me gustaria que haya lo que haya en la capa "cuerpo" siempre quede el "pie" en la parte inferior (aunque no haya nada en la capa "cuerpo") y solo se desplaze hacia abajo cuando el contenido de "cuerpo" no quepa en la pantalla. ¿Como saber el % o pixeles de "cuerpo" para cada resolucion de pantalla distinta? Echadme una mano, o tendre que volver a refugiarme en las paginas fijas... jejeje. GRACIAS.

05-dic-2005, 13:06	#3 (permalink)
¿es a mi? Fecha de Ingreso: noviembre-2002 Ubicación: Málaga Mensajes: 328	Yo estoy empezando en esto de CSS Nunca he oido el término "páginas líquidas", pero me ha ayudado mucho un ejemplo en el que se explica el desarrollo tanto del html como de la hoja CSS al tiempo. Es, según dicen en la página, un ejemplo muy básico, pero eso que preguntas creo que sé como hacerlo con sólo haber leido el ejemplo. Lo puedes encontrar aquí Si lo quieres descargar en formato imprimible te piden que te registres, pero o he usado copiar y pegar en word, con lo que lo he podido imprimir sin más. Espero que te sirva Saludos Última edición por ¿es a mi?; 05-dic-2005 a las 13:11.

14-dic-2005, 12:42	#5 (permalink)
kahlito Colaborador Fecha de Ingreso: marzo-2003 Ubicación: En el Estrecho y el mar Mensajes: 2.554	Hola Kazafun, te puede valer algo como esto? http://www.tierradenomadas.com/rc010.phtml __________________ Portafolio Diseño Web Freelance

Herramientas
Mostrar Versión Imprimible Enviar por Correo
Desplegado
Mode Lineal Cambiar a Modo Hibrido Cambiar a Modo Hilado

05-dic-2005, 12:40	#2 (permalink)
Jorolo Fecha de Ingreso: octubre-2005 Mensajes: 536	Hola kazafun. Cuando hablas de "páginas líquidas", supongo que te refieres al denominado 'diseño líquido'. Pero leyendo la descripción de lo que quieres hacer... me parece muy bien, pero no me parece nada líquido. Y con esta pregunta ya me has matao. "¿Como saber el % o pixeles de "cuerpo" para cada resolución de pantalla distinta?" Una de las ventajas del diseño líquido, es que no tienes que preocuparte de la resolución de la pantalla del usuario (en el supuesto de que haya pantalla). Por otro lado, si lo piensas bien, tanto da la resolución, el 50% es siempre la mitad.

06-dic-2005, 02:44	#4 (permalink)
kazafun Fecha de Ingreso: diciembre-2003 Ubicación: Elda Mensajes: 499	El problema es que me explique muy mal. Yo lo que queria realmente era un pie "footer" que siempre permanezca al final de la pagina, con el añadido de que si el contenido no llega al final el pie igualmente se quede pegado abajo. Y por supuesto que cuando el contenido de la pagina llegue hasta el pie, desplace a este hacia abajo.