poner un div pegado abajo y centrado

kaninox · #1 (**permalink**) 15/12/2008, 14:21

holas les cuento que quiero poner un div centrado abajo pero no me resulta tengo

Código:

<style type="text/css">
div#abajo 
{
bottom: 0;
}
</style>
<div id="abajo" align="center">
<font color="#000000" size="1" face="Verdana">
Aqui nis datos</font>
</div>

no me resulta el bottom :/

willyfc · #2 (**permalink**) 15/12/2008, 14:25

quieres poner un div abajo de que?

kaninox · #3 (**permalink**) 15/12/2008, 14:51

de toda la pagina

willyfc · #4 (**permalink**) 15/12/2008, 15:02

pues pienso que toda tu estructura debería empujarlo hacia abajo, pero que es lo que quieres poner abajo, o como lo quieres, como te digo tu estructura debería hacerlo : cabecera - contenido - pie, o lo que quieres es poner un div que siempre se vea incluso cuando muevan en scroll, mmm... la verdad que no entiendo muy bien, tienes que ser un poco más especifico.

masterojitos · #5 (**permalink**) 15/12/2008, 15:06

ps la verdad.... quizas existan muchas maneras.... pero aqui te posteo una de las mias.

Código PHP:

  <script>

function centra(){

    var top=(document.body.clientHeight-30)+"px";

    var left=((document.body.clientWidth/2)-document.getElementById("abajo").style.width)+"px";

    document.getElementById("abajo").style.top=top;

    document.getElementById("abajo").style.left=left;

}

</script>

</head>

<body onload="centra()">

<div id="abajo" style="position:absolute ">

<font color="#000000" size="1" face="Verdana">

Aqui nis datos</font>

</div>

</body>

kaninox · #6 (**permalink**) 15/12/2008, 15:24

lo solucione pues me faltaba poner un ancho 100%

{
position: fixed;
bottom: 0;
width:100%;
}

asi me lo pego abajo y el contenido me lo centro, gracias de todas formas por la ayuda :)

willyfc · #7 (**permalink**) 15/12/2008, 15:29

tienes que tener en cuenta que el IE6 no soporta position:fixed, para eso tienes que utilizar otras cosas, para no tener que usar un hack mira aquí

kaninox · #8 (**permalink**) 15/12/2008, 15:37

si lo se amigo ya tengo ese link en marcadores pero esto era para un sistema que solo se utilizara en firefox así que no hay problemas gracias :)

the_web_saint · #9 (**permalink**) 15/12/2008, 15:57

Yo tengo un problema similar, necesito dentro de un div colocar otro div pero que este quede abajo con solo 5px de margen del final de su div padre.
Este es un menu, pero quiero que este en la parte inferior del div que tengo lateral.

Cita:

.lateral #menu{
/*margin-bottom:5px;*/
width:100%;
border:#FFFFFF solid 1px;
height:75%;
}
.lateral #menu ul{
list-style:none;
margin-right:15px;
border:#00FF00 solid 1px;
text-align:right;
margin-bottom:5px;
}

Saludos

willyfc · #10 (**permalink**) 15/12/2008, 16:04

hola the_web_saint

mira la idea sería la siguiente para tu menú

Código:

#padre{ width:300px; height:300px; background-color:#CCCCCC; position:relative}
#hijo{ width:100px; height:100px; background-color:#666666; position:absolute; bottom:0%; right:0%; margin:0 5px 5px 0}

Código HTML:

<div id="padre">
	<div id="hijo"></div>
</div>

the_web_saint · #11 (**permalink**) 16/12/2008, 08:39

Muchas Gracias, me ha funcionado a la perfección.
Nunca he entendido bien lo de position, pero veo que si pongo un contenedor hijo con absolute debo colocarle el relative al padre, cierto?

Bueno muchas gracias.

Saludos

chascos69 · #12 (**permalink**) 31/05/2011, 03:09

Pues yo pongo esto yt no me lo centra

<div align="center" style="position: fixed; bottom: 0; width:1004px; height: 45px; background-image: url('images/barrainf.gif');
background-repeat: no-repeat;">

</div>