Foros del Web » Creando para Internet » CSS »

Ayuda con footer.

Estas en el tema de Ayuda con footer. en el foro de CSS en Foros del Web. Hola, alguien sabe como puedo solucionar este problema: Quiero que no quede ese espacio, directamente que el footer se enganche al navegador. El código es ...
  #1 (permalink)  
Antiguo 21/04/2008, 22:04
 
Fecha de Ingreso: febrero-2007
Mensajes: 85
Antigüedad: 10 años, 9 meses
Puntos: 0
Ayuda con footer.

Hola, alguien sabe como puedo solucionar este problema:



Quiero que no quede ese espacio, directamente que el footer se enganche al navegador.

El código es este

#footer {
background-color:#000000;
height:45px;
clear:both;
}
  #2 (permalink)  
Antiguo 21/04/2008, 23:24
Avatar de emiliodeg  
Fecha de Ingreso: septiembre-2005
Ubicación: Córdoba
Mensajes: 1.830
Antigüedad: 12 años, 3 meses
Puntos: 54
Re: Ayuda con footer.

proba con agregar margin:0; y padding:0;
__________________
Degiovanni Emilio
developtus.com
  #3 (permalink)  
Antiguo 21/04/2008, 23:40
Avatar de lucasan
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: Cali - Colombia
Mensajes: 1.144
Antigüedad: 10 años, 6 meses
Puntos: 59
Re: Ayuda con footer.

Aca se trató el mismo tema, dale una leida porque ahi se le halló solución.

http://www.forosdelweb.com/f53/pie-sube-arriba-577267/

Saludos.
__________________
Plan Original Desarrollo Web
~$>sudo apt-get install -f
"Asi debería arreglarse todo en la vida"
  #4 (permalink)  
Antiguo 22/04/2008, 04:42
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Re: Ayuda con footer.

Cita:
Iniciado por Cenfer Ver Mensaje
Hola, alguien sabe como puedo solucionar este problema:

Quiero que no quede ese espacio, directamente que el footer se enganche al navegador.

El código es este

#footer {
background-color:#000000;
height:45px;
clear:both;
}
Todo depende de cómo va a ser de grande el contenido de tu web, es decir: si va a ser estático y nunca crecerá más del 100% de alto de la página, la solución es muy sencilla; si va a crecer más de ese 100%, sigue el enlace que te comenta lucasan

Mikel.
  #5 (permalink)  
Antiguo 22/04/2008, 13:46
 
Fecha de Ingreso: febrero-2007
Mensajes: 85
Antigüedad: 10 años, 9 meses
Puntos: 0
Re: Ayuda con footer.

Quiero que sea estatica, gracias a todos.
  #6 (permalink)  
Antiguo 22/04/2008, 17:40
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Re: Ayuda con footer.

Pues en ese caso, bastará con que pongas el pie así:

#footer { background-color:#000000;
position: absolute;
height: 45px;
width: 100%;
bottom: 0;
left: 0;
margin:0;
padding:0;
}

Todo dependerá relamente del resto de tus elementos, de cómo tengas hechas las cosas, pero si no hay nada raro, en general con esto basta.

Mike.
  #7 (permalink)  
Antiguo 22/04/2008, 18:55
 
Fecha de Ingreso: febrero-2007
Mensajes: 85
Antigüedad: 10 años, 9 meses
Puntos: 0
Re: Ayuda con footer.

Hola una vez mas, cuando hay barras laterales el footer se me queda abajo pero cuando no las hay sube arriba, es normal, o tendría que salir abajo, yo quiero hacer aunque haya texto y tenga saltos se siga quedando abajo de todo fijamente sin que se mueva.

Ahora tengo esto:

<div id="footer">
<p>Footer</p>
</div>

#footer {
background-color:#000000;
height:20px;
margin:0;
padding:0;
clear:both;
}
  #8 (permalink)  
Antiguo 22/04/2008, 19:11
 
Fecha de Ingreso: febrero-2007
Mensajes: 85
Antigüedad: 10 años, 9 meses
Puntos: 0
Re: Ayuda con footer.

La estructura que quiero yo es como esta: http://www.araudi.net/forosdelweb/pie_en_el_fondo.html

y el código que estoy haciendo es:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>hola.</title>
<link rel="stylesheet" href="estilos/principal.css" type="text/css"/>
</head>
<body>
<div id="cuerpo">
<div id="header">
<p>Header</p>
</div>
<div id="menu">
<p>Menu</p>
<p>&nbsp;</p>
</div>
<div id="explicacion">
<p>Explicacion</p>
<p>&nbsp;</p>
</div>
<div id="contenido">
<p>Contenido</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
</div>
<div id="powered">
<p>&nbsp;</p>
<p>Powered</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
</div>
<div id="footer">
<p>Footer</p>
</div>
</div>
</body>
</html>

CSS:

/*Inicio del CSS*/
@charset "utf-8";
body{
background-color:#ffffff;
margin:0;
padding:0;
clear:both;
}

#header{
background-color:#333;
height:150px;
}



#footer {
background-color:#000000;
height:20px;
clear:both;
}
/*Fin del CSS*/

Voi mal?
  #9 (permalink)  
Antiguo 23/04/2008, 12:49
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Re: Ayuda con footer.

Cita:
Iniciado por Cenfer Ver Mensaje
Hola una vez mas, cuando hay barras laterales el footer se me queda abajo pero cuando no las hay sube arriba, es normal, o tendría que salir abajo, yo quiero hacer aunque haya texto y tenga saltos se siga quedando abajo de todo fijamente sin que se mueva.
A esto me refería con estático o dinámico, es decir, justamente te decía:

Cita:
si va a ser estático y nunca crecerá más del 100% de alto de la página, la solución es muy sencilla; si va a crecer más de ese 100%, sigue el enlace que te comenta lucasan.
Yo ahora en este caso no estoy muy seguro de cómo va a ser.

Si lo que quieres es hacer como en el enlace que pones, aunque no le incluyo ninguna nota al respecto, el código es libre y puedes usarlo como quieras. Sólo tienes que cogerlo y adaptarlo a lo que quieras hacer.

Mikel.
  #10 (permalink)  
Antiguo 23/04/2008, 13:00
 
Fecha de Ingreso: febrero-2007
Mensajes: 85
Antigüedad: 10 años, 9 meses
Puntos: 0
Re: Ayuda con footer.

Lo are yo todo, cueste lo que cueste, siempre es mejor.

Gracias.
  #11 (permalink)  
Antiguo 23/04/2008, 13:11
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Re: Ayuda con footer.

Me parece bien porque es la mejor manera de aprender, pero en el caso concreto del que hablamos, te aseguro que es un poco complicado y te va a costar.

Si después de pelear no consigues lo que quieres, concreta bien la consulta con el código que estás usando y lo que quieres conseguir y todo el que pueda te echará un cable.

Hasta la vista.

Mikel.
  #12 (permalink)  
Antiguo 30/04/2008, 02:04
 
Fecha de Ingreso: febrero-2007
Mensajes: 85
Antigüedad: 10 años, 9 meses
Puntos: 0
Re: Ayuda con footer.

Gracias Mikmoro.

Siento si me paso tardé a contestar, ahora al menos el header ya se me queda arriba como queria y xhtml 1.0 estricto me valida

Por ejemplo ahora al footer led oy un tanto porciento definido en el css de 25px y se me agranda y con eso consigo que se quede pegado abajo, lo hare de esta manera y pondre algo en el footer.
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 08:40.