Foros del Web » Creando para Internet » CSS »

Position absolute y relative

Estas en el tema de Position absolute y relative en el foro de CSS en Foros del Web. Tengo estas dos pruebas que he hecho y no termino de entender. Según he estudiado, aquí, la segunda caja se colocará en el ángulo superior ...
  #1 (permalink)  
Antiguo 19/12/2009, 20:00
 
Fecha de Ingreso: julio-2009
Mensajes: 74
Antigüedad: 8 años, 5 meses
Puntos: 2
Position absolute y relative

Tengo estas dos pruebas que he hecho y no termino de entender.

Según he estudiado, aquí, la segunda caja se colocará en el ángulo superior izquierdo de la última línea de la caja relative. Y parece que se cumple ya que la caja hija no declara la position absolute.
Prueba 1
Código CSS:
Ver original
  1. <span style="border: 2px solid fuchsia; position:relative; background-color:yellow">
  2. Caja padre con position relative no declarada.<br/>Segunda línea
  3. <span  style="position:absolute; background-color:brown">Caja hija position absolute no declarada.
  4. </span >
  5. </span >

Pero ¿qué ocurre si la position relative de la caja parent declara la position? No llego a captar cómo se sitúa el elemento hijo de ésta.
Prueba 2
Código CSS:
Ver original
  1. <br/><br/>
  2. <span style="border: 2px solid fuchsia; position:relative; top: 2em; left: 2em; background-color:aqua">
  3. Caja padre con position relative declarada.<br/>Segunda línea
  4. <span  style="position:absolute; background-color:olive">Caja hija position absolute no declarada.
  5. </span >
  6. </span >


Saludos y gracias de antemano.
Caminantejm
  #2 (permalink)  
Antiguo 20/12/2009, 04:25
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: Position absolute y relative

Hola:

Léete el apote que hizo Mikmoro: pequeña guía de migración. Explica muy clarito como funciona el posicionamiento en CSS.

Saludos.

  #3 (permalink)  
Antiguo 20/12/2009, 07:22
 
Fecha de Ingreso: julio-2009
Mensajes: 74
Antigüedad: 8 años, 5 meses
Puntos: 2
Respuesta: Position absolute y relative

Cita:
Iniciado por jomaruro Ver Mensaje
Hola:

Léete el apote que hizo Mikmoro: pequeña guía de migración. Explica muy clarito como funciona el posicionamiento en CSS.

Saludos.

Lamento decir que, desde hace unas semanas, la he leído, releído, subrayado, estudiado y tenido en cuenta. Esta precisión que pregunto no la he encontrado. Si tú la ves, házmelo saber, por favor.

Saludos.
Caminantejm
  #4 (permalink)  
Antiguo 20/12/2009, 09:55
Avatar de Willy_N  
Fecha de Ingreso: diciembre-2009
Ubicación: Cádiz
Mensajes: 334
Antigüedad: 8 años
Puntos: 18
Respuesta: Position absolute y relative

Quizá en http://www.ignside.net/man/css/posicionamiento.php encuentras con más claridad la solución a tu problema.

Creo que te pasa lo que te pasa por no especificar la posición exacta del elemento con la propiedad position:absolute;. Por sí sólo no va a adivinar dónde exactamente quieres que aparezca.

Pero léete la guía e intenta aplicar las cosas que ahí vienen bastante bien explicadas.
  #5 (permalink)  
Antiguo 20/12/2009, 10:15
 
Fecha de Ingreso: julio-2009
Mensajes: 74
Antigüedad: 8 años, 5 meses
Puntos: 2
Respuesta: Position absolute y relative

Cita:
Iniciado por Willy_N Ver Mensaje
Quizá en http://www.ignside.net/man/css/posicionamiento.php encuentras con más claridad la solución a tu problema.

Creo que te pasa lo que te pasa por no especificar la posición exacta del elemento con la propiedad position:absolute;. Por sí sólo no va a adivinar dónde exactamente quieres que aparezca.

Pero léete la guía e intenta aplicar las cosas que ahí vienen bastante bien explicadas.
Sí, es verdad, en esta guía -que ya me he leído y estudiado- vienen muy bien explicadas las opciones pero precisamente ésta no viene. En otro manual he encontrado que, precisamente, esta opción que planteo se puede aprovechar para un cometido determinado, pero no lo veo bien. Incluso lo explica de un modo extraño. Es por esto que quiero saber si alguien se ha encontrado esta opción.
- De todos modos, he testeado que, casi todos los navegadores probados -Explorer, Crome, Safari- lo resuelven bien pero el único que se desmarca es Mozilla. Es decir, lo resuelven igual que si el parent no llevase top ni left.

Saludos.
Gracias de todos modos.
Caminantejm
  #6 (permalink)  
Antiguo 15/12/2011, 15:01
 
Fecha de Ingreso: agosto-2010
Mensajes: 215
Antigüedad: 7 años, 3 meses
Puntos: 6
Respuesta: Position absolute y relative

Mira que en 5 dias este tema esta de cumpleaños ... perdon si hago mal en revivirlo, solo decir que la solucion es muy simple, estamos hablando de cajas "div" y quien pregunto estaba usando la etiqueta "span"... por lo tanto no hay cajas q posicionar...
  #7 (permalink)  
Antiguo 15/12/2011, 18:06
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 10 años, 5 meses
Puntos: 1567
Respuesta: Position absolute y relative

__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
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 13:10.