Footer caprichoso.... auxilio!!!!!!!!

Zubzero · #1 (**permalink**) 03/12/2006, 12:21

Hola

tengo un problema ... algunos ya lo deben haber visto.... el footer de mi web se pega al lado derecho de la pantalla pero esto solo sucede en algunas secciones de mi web ... en el index y en la siguiente el footer se muestra abajo .... no entiendo... en las otras secciones del sitio el susodicho se pega como chicle al lado derecho de la pantalla....

este es el código del pie de página que tengo y que lo he manoseado cuanto he podido pero nada de nada......

cómo puedo hacer para que se mantenga abajo del DIV principal? ...

Código HTML:

#pie{
	background-color: #F2E3F2;
	float:center;
	width:95%;
	color:#0033CC;
	margin: 5 5 5 5px;
	border:1px solid #ffffff;
}

aquí va en el <body>

Código HTML:

<div id="principal"> 
contenido......
</div>
 <div id="pie"><br>
    <center>
      Website desarrollado por Lennon © 2006 
    </center>
  </div>
</div>

alguien puede echarme una mano? ... estoy varios días con este problema

webosiris · #2 (**permalink**) 03/12/2006, 13:02

cuando tengas dudas, validá!! (tanto tu html como tu css)

Cita:

float:center;

Float:center no existe...

Cita:

cómo puedo hacer para que se mantenga abajo del DIV principal

Puedes ver la solución que uso generalmente para resolver ese "efecto".

g05l21 · #3 (**permalink**) 04/12/2006, 16:49

WebOsiris, esa solución es un poco...uhmmm... no sabría definirlo ;)

La forma más fácil es poner un simple clear:both;

Acá tienes un template que a lo mejor te puede servir:
http://g05l21.bitacoras.com/archivos...ie-un-truquito

(Claro está, que eso será si bitacoras no está caido... Si no, el ejemplo está aquí: http://www.g05l21.net/css_examples/css_example1.html)

Un saludo

webosiris · #4 (**permalink**) 04/12/2006, 17:21

Cita:

Iniciado por g05l21

WebOsiris, esa solución es un poco...uhmmm... no sabría definirlo ;)

Pero con esa solución el footer se pegará abajo en la pantalla independientemente de la cantidad del contenido

Es algo más que lo que pedía Zubzero... pero leí rápido su mensaje y no me di cuenta

webpro_lukas · #5 (**permalink**) 04/12/2006, 17:48

prueba con clear:both;

Zubzero · #6 (**permalink**) 04/12/2006, 17:59

hola! ... en este momento estoy haciendo la prueba con el ejemplo de Webosiris ...

veamos que tal me sale...

pero g05l21 ... cual es el inconveniente de la solución que me dá Webosiris? ... quiero saberlo, me interesa saberlo , por cierto he chekeado tus ejemplos y no me ha quedado muy claro... pero gracias por la ayuda .... vamos paso a paso ...

y vuelvo a preguntar lo que pregunté en otro post mío sobre este mismo tema : ¿cuál es la función de ese atributo "both" de la etiqueta <br>?

Gracias por su ayuda a todos