Position

[cosmicdesign]

Hola, soy aprendiz en css, y ya he estudiado acerca de colores, letra parrafos, etc.
Aprendi lo de float, y tambien lo interprete bien. Pero no entiendo demasiado position relative, y position absolute.

¿Cuando utilizarlo? ¿Que es mas utilizable? ¿Mas practico? ¿Si quiero superponer nu div en otro, puedo mediante relative? Bueno gracias.

P.D: Se aceptan consejos, sugerencias, sitios web, y todo lo que sea necesario acerca del posicionamiento, mas precisamente sobre las propiedades absolute y relative.

Muchas gracias nuevamente.

Atte: Chrstian

[emiliodeg]

position:relative; es relativo a la posicion donde esta el bloque, el uso de este es para darle una referencia el absolute

position:absolute; se desprende del documento y se posicionara respecto al padre relativo mas cercano

espero te sirva la ayuda

[willyfc]

aquí te dejo un ejemplo

Código:

#padre{width:400px; height:400px; border:1px outset #000; position:relative;}
#hijo{ width:150px; height:150px; border:1px solid #333; position:absolute; bottom:0; right:0; margin:0 5px 5px 0}

Código HTML:

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

prueba quitandole el relative al padre y verás que el absoluto quedará como volando y quedará relativo a la ventana del navegador, si quieres que un div se coloque donde quieres el div que lo contiene debe ser relativo, claro a no ser que quieras colocar un div al centro cuando tu web se cargue o cosas así, otra cosa, solo cuando usas estas propiedades puedes hacer uso de top, left, right, bottom y de z-index, las propiedades de posicionamiento no actuan de la misma forma en todos los navegadores

[Mikmoro]

En esta guía, en el punto 3.3.2 tienes una breve explicación en castellano de cómo funcionan las posiciones.

Espero que te resulte clara.