Foros del Web » Creando para Internet » CSS »

Tengo un diseño basado en 4 capas, no consigo poner una quinta como pie

Estas en el tema de Tengo un diseño basado en 4 capas, no consigo poner una quinta como pie en el foro de CSS en Foros del Web. Muy buenas. No sabía como resumir el título :P. Pues eso, resulta que tengo un diseño, basado en cuatro capas; una global, cabecera, menú y ...
  #1 (permalink)  
Antiguo 31/10/2005, 18:26
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 8 meses
Puntos: 2114
Tengo un diseño basado en 4 capas, no consigo poner una quinta como pie

Muy buenas.

No sabía como resumir el título :P.

Pues eso, resulta que tengo un diseño, basado en cuatro capas; una global, cabecera, menú y cuerpo.

Ahora necesito -o mas bien quiero- poner una capa como pie de página. El problema, es que no me sale.

Creo que puede ser, porque la puse justo debajo de la capa del cuerpo, que está al lado del menú, y se queda ahí, debajo del menú a menos que el contenido del cuerpo se mayor que el del menú...

Creo que funcionaría si englobo la capa del menú y la del cuerpo/contenido en otra capa mas, y luego ya pongo la de pie de página, ¿no?
De todas maneras... Sin hacerlo así, ¿se podría hacer? Por ahorrar.

Gracias y un saludo
__________________
(:
  #2 (permalink)  
Antiguo 31/10/2005, 19:08
 
Fecha de Ingreso: enero-2003
Ubicación: Córdoba, Argentina
Mensajes: 1.047
Antigüedad: 21 años, 2 meses
Puntos: 10
Seria bueno ver el codigo que estás usando.
Mientras tanto podrias probar poniendole "clear: both" a la capa que usas de pie de pagina
__________________
oohh... quisiera ser godines!!!
  #3 (permalink)  
Antiguo 01/11/2005, 01:16
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 8 meses
Puntos: 2114
Con clear:both; funciona perfectamente.
Muchas gracias safe.

Pues el código quedó así:
Código:
	#margen {
	 width: 750px;
	 margin-left: auto;
	 margin-right: auto;
	 top: 10px;
	}
	#cabecera {
	 margin-bottom: 12px;
	}
	#cuerpo {
	 margin-left: 160px;
	}
	#menu {
	 border: 1px solid #CCCCCC;
	 background-color: #DFDFDF;
	 float: left;
	 width: 120px;
	 margin: 0;
	 margin-right: 10px;
	 padding: 10px;
	 font: 12px "Trebuchet MS";
	}
	#pie {
	 width: 750px;
	 margin-left: auto;
	 margin-right: auto;
	 top: 10px;
	 clear: both;
	 color: #555555;
	 font: 10px "Trebuchet MS";
	 text-align: center;
	}
Supongo que se podría mejorar, pero bueno, tengo la excusa del aprendizaje.
__________________
(:
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 19:24.