Foros del web, para los que viven de bits

Cenfer · 21-abr-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 · 21-abr-2008, 22:24

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

lucasan · 21-abr-2008, 22:40

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

el pie se me sube arriba

Saludos.

Mikmoro · 22-abr-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 · 22-abr-2008, 12:46

Quiero que sea estatica, gracias a todos.

Mikmoro · 22-abr-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 · 22-abr-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 · 22-abr-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 · 23-abr-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 · 23-abr-2008, 12:00

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

Gracias.

Mikmoro · 23-abr-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 · 30-abr-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.

21-abr-2008, 21:04	#1 (permalink)
Cenfer Fecha de Ingreso: febrero-2007 Mensajes: 76	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; }

21-abr-2008, 22:24	#2 (permalink)
emiliodeg Fecha de Ingreso: septiembre-2005 Ubicación: Córdoba Mensajes: 981	Re: Ayuda con footer. proba con agregar margin:0; y padding:0; __________________ Degiovanni Emilio developtus.com mi neurona

21-abr-2008, 22:40	#3 (permalink)
lucasan Fecha de Ingreso: junio-2007 Ubicación: Cali - Colombia Mensajes: 775	Re: Ayuda con footer. Aca se trató el mismo tema, dale una leida porque ahi se le halló solución. el pie se me sube arriba Saludos. __________________ ~$>sudo apt-get install -f "Asi debería arreglarse todo en la vida"

22-abr-2008, 03:42	#4 (permalink)
Mikmoro Colaborador Fecha de Ingreso: octubre-2006 Ubicación: A tu espalda Mensajes: 3.440	Re: Ayuda con footer. 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.

22-abr-2008, 12:46	#5 (permalink)
Cenfer Fecha de Ingreso: febrero-2007 Mensajes: 76	Re: Ayuda con footer. Quiero que sea estatica, gracias a todos.

22-abr-2008, 16:40	#6 (permalink)
Mikmoro Colaborador Fecha de Ingreso: octubre-2006 Ubicación: A tu espalda Mensajes: 3.440	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.

22-abr-2008, 17:55	#7 (permalink)
Cenfer Fecha de Ingreso: febrero-2007 Mensajes: 76	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; }

22-abr-2008, 18:11	#8 (permalink)
Cenfer Fecha de Ingreso: febrero-2007 Mensajes: 76	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> </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?

23-abr-2008, 11:49	#9 (permalink)
Mikmoro Colaborador Fecha de Ingreso: octubre-2006 Ubicación: A tu espalda Mensajes: 3.440	Re: Ayuda con footer. 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.

23-abr-2008, 12:00	#10 (permalink)
Cenfer Fecha de Ingreso: febrero-2007 Mensajes: 76	Re: Ayuda con footer. Lo are yo todo, cueste lo que cueste, siempre es mejor. Gracias.

23-abr-2008, 12:11	#11 (permalink)
Mikmoro Colaborador Fecha de Ingreso: octubre-2006 Ubicación: A tu espalda Mensajes: 3.440	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.

30-abr-2008, 01:04	#12 (permalink)
Cenfer Fecha de Ingreso: febrero-2007 Mensajes: 76	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.

Herramientas
Mostrar Versión Imprimible Enviar por Correo
Desplegado
Mode Lineal Cambiar a Modo Hibrido Cambiar a Modo Hilado