Foros del Web » Creando para Internet » CSS »

Para que sirve position:relative

Estas en el tema de Para que sirve position:relative en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 29/01/2009, 03:15
Avatar de JOSANCIN  
Fecha de Ingreso: septiembre-2008
Ubicación: huesca
Mensajes: 298
Antigüedad: 9 años, 3 meses
Puntos: 0
Para que sirve position:relative

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
  #2 (permalink)  
Antiguo 29/01/2009, 03:25
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Para que sirve position:relative

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.
__________________
Visita mi nueva web idplus.org
  #3 (permalink)  
Antiguo 30/01/2009, 05:04
 
Fecha de Ingreso: julio-2008
Mensajes: 210
Antigüedad: 9 años, 4 meses
Puntos: 19
Respuesta: Para que sirve position:relative

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.
  #4 (permalink)  
Antiguo 30/01/2009, 05:27
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Para que sirve position:relative

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.
__________________
Visita mi nueva web idplus.org
  #5 (permalink)  
Antiguo 30/01/2009, 09:19
Avatar de Dalvenjha  
Fecha de Ingreso: febrero-2008
Ubicación: $("#oficina");
Mensajes: 692
Antigüedad: 9 años, 9 meses
Puntos: 53
Respuesta: Para que sirve position:relative

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

Buen tip ;).

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

Compartiendo todo lo posible con los demás.
  #6 (permalink)  
Antiguo 30/01/2009, 16:05
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Para que sirve position:relative

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.

Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 15:17.