Para que sirve position:relative

[JOSANCIN]

Hola a todos,
estoy estudiando estilos css y no llego a entender para que sirve la position relative, no veo que se puede hacer con la position relative que no se pueda hacer con la position absolute
os agradeceria una explicacion simple de para que sirve la position relative
gracias a todos y que vaya bien
josan

[Mikmoro]

Mírate esta guía http://www.forosdelweb.com/f53/aport...ml-css-648073/

y vete directamente a la sección 3.3.2 - La propiedad position.

A ver qué tal.

[chrishxc]

Yo estoy aprendiendo justo ahora todo el tema de programación de css y desconociendo si este es su único uso, la función relativa sirve para que una posición dependa del espacio que tenga.

Supongo que el ejemplo más común es el de centrar páginas.

Yo creo un div y basándome en una resolución standard de 1024, lo situo a:

Código:

position:absolute; 	left:174px; top:26px;

Este div, independiendentemente de la resolución de pantalla, explorador, iframes o lo que le venga en gana... siempre estará a 174px de la izquierda.

Pero y si el que viene detrás tiene una resolución de monitor de 1280x1024?
Pues lo verá entre medio camino de la izquierda y centro.

La cosa se soluciona con una posición relativa.
Si tu le dices que quieres que tenga el mismo espacio por la derecha que por la izquierda, y que este espacio dependa del ancho de pantalla que haya, usaremos el relative.

Código:

position:relative; top:26px; width:615px; height:294px; z-index:1; 
margin-right: auto; margin-left: auto;

De esta forma si el individuo trabaja con un navegador sin maximizar, o si tiene abierta la barra del historial o lo que sea... siempre verá el div centrado.

[Mikmoro]

No, lo siento pero eso no es así en absoluto. Lee el artículo que he enlazado, que es mucho más sencillo que eso.

[Dalvenjha]

O_o ok... desde ahora centraré todo usando position:relative;

Buen tip ;).

<!-- =P, a veces bromear no es malo no? xD. -->

[jomaruro]

Hola:

chrishxc, ¿de donde has sacado eso?, te aconsejo lo mismo que Mikmoro léete la guía que él mismo recomienda, y de la que es autor, te evitará quebraderos de cabeza.

Saludos.