Ayuda con footer.

Cenfer · #1 (**permalink**) 21/04/2008, 21:04

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;
}

emiliodeg · #2 (**permalink**) 21/04/2008, 22:24

proba con agregar margin:0; y padding:0;

lucasan · #3 (**permalink**) 21/04/2008, 22:40

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.

Mikmoro · #4 (**permalink**) 22/04/2008, 03:42

Cita:

Iniciado por Cenfer

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.

Cenfer · #5 (**permalink**) 22/04/2008, 12:46

Quiero que sea estatica, gracias a todos.

Mikmoro · #6 (**permalink**) 22/04/2008, 16:40

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.

Cenfer · #7 (**permalink**) 22/04/2008, 17:55

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;
}

Cenfer · #8 (**permalink**) 22/04/2008, 18:11

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> </p>
</div>
<div id="explicacion">
<p>Explicacion</p>
<p> </p>
</div>
<div id="contenido">
<p>Contenido</p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</div>
<div id="powered">
<p> </p>
<p>Powered</p>
<p> </p>
<p> </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?

Mikmoro · #9 (**permalink**) 23/04/2008, 11:49

Cita:

Iniciado por Cenfer

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.

Cenfer · #10 (**permalink**) 23/04/2008, 12:00

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

Gracias.

Mikmoro · #11 (**permalink**) 23/04/2008, 12:11

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.

Cenfer · #12 (**permalink**) 30/04/2008, 01:04

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.