pregunta simple: posicionar div dentro de div al fondo

cpucpu · #1 (**permalink**) 04/08/2008, 18:40

alguien recuerda como se hace?

div b dentro de div a,
div a alto de 400px
div b se colo ca al fondo de div a

??

Código:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml" lang="en"><head>

<title>Plantilla Booklet</title>
<style>
#encabezado {
    height: 400px;
    background-color: gray;
}
#abc {
    color: red;
}
</style>
</head>

<body>

<div id="encabezado">
        <div id="abc">div que no se coloca al fondo automaticamente</div>
    </div>
</div> <!--cierra encadezado -->

</body>
</html>

se que es bastante sencillo, pero no logro recordarlo, gracias.

Mikmoro · #2 (**permalink**) 05/08/2008, 01:14

No entiendo qué quieres decir con colocarlo al fondo del div A. Si B está dentro de A, e intentas mandar a B al fondo, sencillamente desaparecerá.

Jamati · #3 (**permalink**) 05/08/2008, 08:50

Yo tampoco entendí, pero si lo que quieres es posicionar al div b dentro del div a... deberás hacer:

Cita:

div#a {position:relative;}
div#b {position:absolute;top:xxxx;left;xxxx;}

y en xxxx adjuntas las coordenadas que quieras, era eso lo que buscabas ?

cpucpu · #4 (**permalink**) 05/08/2008, 12:19

No pues, como siempre, muchas gracias a ambos.
Siempre es bueno s bueno contar con gente que colabora.

Pues si eso queria, posicionar absolutamente a 'b' dentro de 'a'; pero el problema era ese, al usar absoluto en 'b' se hacia referencia a la pantalla visible y no al elemento contenedor 'a'.

Una cosa mas, el hecho de que tenga que colocar el position: relative; es un hack ? quiero decir: el hecho de usar absolute y haga referencia a la pantalla, y tener que usar relative en el contenedor para que el absolute este en referencia al relative, es un comportamiento normal?

Gracias, es todo.

Mikmoro · #5 (**permalink**) 05/08/2008, 12:22

Sí, debe ser así. Si quieres colocar una caja de manera absoluta con respecto a otra, esa otra debe tener posición relativa.

Lo que no he entendido entonces es qué querías decir con lo de colocar al fondo.

cpucpu · #6 (**permalink**) 05/08/2008, 18:15

me referia a la posicion, no al z-index.
Saludos.

Jamati · #7 (**permalink**) 05/08/2008, 22:30

Usar position:absolute o position:relative no es un hack, de echo se utiliza en muchísimos casos, por no decir siempre que tengas que maquetar en CSS.

Muy bien no te puedo entender, lo único decirte que al div a debes ponerle relative, y al que quieres ubicar dentro de este en alguna posicion especial, lo manejas asignandole position:absolute y juegas con el top y left.

De esta forma el div b se acomoda absolutamente dentro del relativo a.

cpucpu · #8 (**permalink**) 06/08/2008, 02:07

Entendido, pues gracias, saludos,