footer siempre abajo

vidalsoft · #1 (**permalink**) 30/07/2009, 10:53

Hola amigos de forosdelweb,.
Quisiera saber como puedo lograr, atravez de CSS que un footer(pie de pagina) .
que lo mas seguro es que sea con un DIV, siempre se mantenga en la parte inferior de la pagina, a pesar que el contenido se agrande---

espero su ayuda, gracias...

MasterXNicoX · #2 (**permalink**) 30/07/2009, 10:57

Hola vidalsoft... Cómo estás??

Te dejo un enlace al sitio del Señor Mikmoro en donde vas a encontrar lo que necesitás...

Hace Click Acá Para Entrar

-----------------------

De ahi sólo te queda mirar el código fuente y la hoja de estilos...

Cualquier cosita avisá

Saludos!!

cristian_cena · #3 (**permalink**) 30/07/2009, 10:57

MasterXNicoX · #4 (**permalink**) 30/07/2009, 11:12

Cita:

Iniciado por cristian_cena

Eso no funciona bien en todos los navegadores...

En el enlace que cité anteriormente vas a ver bien cómo hacerlo vidal...

Saludos

pyroCL · #5 (**permalink**) 30/07/2009, 11:51

dale margin-top con la div inmediatamente arriba del footer

#pie
{
margin-top:10px;
}

Así te aseguras que siempre queda bajo el ultimo div.
Saludos

MasterXNicoX · #6 (**permalink**) 30/07/2009, 13:54

Cita:

Iniciado por pyroCL

Necesito ayuda!!

Que te copias de mi ex-firma?? jajajaja

-------------------------------------

Con seguir el ejemplo de Mikmoro te va a ir bien... es el enlace que te dejé al principio...

Androide-lL · #7 (**permalink**) 03/08/2009, 12:03

Haber........ pues creo que simplemente se crea el div y no se le da valores de posición, solo darle altura, ancho y listo xD! automaticamente el div del footer se acopla al contenido y no se monta... >.<

Deiv · #8 (**permalink**) 03/08/2009, 13:09

No funciona en IE6,
Yo estoy intentando con esto y abriré otro hilo:

Código PHP:

  <HEAD>

<STYLE type=text/css>

#elemento_fijo {

    POSITION: fixed; TOP: 96%;   /*POSITION: fixed; TOP: 555px;*/

    border:1px solid #000;  background:#cff; 

}

* HTML #elemento_fijo {

    POSITION: absolute; ; TOP: expression(document.compatMode=="CSS1Compat"? document.documentElement.scrollTop+580+"px" : body.scrollTop+580+"px")

}

</STYLE>

</HEAD>

 
<BODY>

<DIV id=contenido>

<P>Texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto</P>

<P>Texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto</P> /*COLOCAR MUCHO TEXTO*/

<P>Texto texto texto texto texto texto texto texto texto texto texto texto texto texto texto</P>

</DIV>

<DIV id=elemento_fijo>Fijo

</DIV>

</BODY>

El Problema de esta solución para IE6 es que no funciona para diferentes resoluciones, esta solo funciona para una Resolución de: 1024x768 el DIV donde se ve muy bien.

inghard · #9 (**permalink**) 01/01/2012, 19:54

para eso puedes hacer el siguiente comando en css

Código:

pie{
position:fixed;
bottom:0;
}

espero que no sea tarde, y si lo es quedará para próximas dudas