Foros del Web » Creando para Internet » CSS »

Div dentro de div, ambos absolutos

Estas en el tema de Div dentro de div, ambos absolutos en el foro de CSS en Foros del Web. Hola, me encuentro con el caso de que tengo dos capas, una dentro de la otra, pero quiero que ambas sean absolutas respecto al documento. ...
  #1 (permalink)  
Antiguo 16/01/2006, 10:08
 
Fecha de Ingreso: julio-2001
Ubicación: Barcelona
Mensajes: 922
Antigüedad: 16 años, 5 meses
Puntos: 1
Div dentro de div, ambos absolutos

Hola,

me encuentro con el caso de que tengo dos capas, una dentro de la otra, pero quiero que ambas sean absolutas respecto al documento. Ahora el segundo div es absoluto respecto al div, como se puede ver en el ejemplo:

<div style="position: absolute;left: 100px;top: 200px;background-color: red; height: 300px">
test1
<div style="position: absolute;left: 0;top: 0;background-color: green;">test2</div>
</div>

Lo que quiero es que el segundo div se coloque al comienzo de la página (en la posición 0,0 del documento), y no al comienzo del primer div, como está ocurriendo ahora.

Espero haberme explicado.


Gracias
  #2 (permalink)  
Antiguo 16/01/2006, 18:26
AlvaroG
Invitado
 
Mensajes: n/a
Puntos:
ya sé que no es la respuesta que esperas, pero ¿es imprescindible que el segundo div esté dentro del primero?

Además, primero que nada deberías ver el efecto al menos en Opera, FireFox/Mozilla e IE, y si TODOS interpretan igual tu código (al menos en lo que respecta a la posición del segundo div dentro del otro, aunque tengan diferencias de algunos pixeles en márgenes o bordes), y si es así, darle al segundo div estilos que lo lleven a la parte de arriba:

<div style="
position: absolute;
left: -100px;
top: -200px;
background-color: green;
">test2</div>


Saludos.
  #3 (permalink)  
Antiguo 17/01/2006, 02:12
 
Fecha de Ingreso: julio-2001
Ubicación: Barcelona
Mensajes: 922
Antigüedad: 16 años, 5 meses
Puntos: 1
Hola,

El segundo div tiene que estar necesariamente dentro del primer div. La razón es que el primero tiene un form, y me interesa que el segundo div contenga algunos campos del form, algo como:

<div>
<form>
<div>
<input name="test" />
</div>
</form>
</div>

Además no controlo yo a ninguno de los divs, por lo que no le puedo dar una posición negativa. Tan solo quiero que cada uno tenga una independencia total en cuanto a posicionamiento.

Gracias
  #4 (permalink)  
Antiguo 17/01/2006, 17:49
AlvaroG
Invitado
 
Mensajes: n/a
Puntos:
no entiendo qué quieres decir con que no controlas los divs.

Y me parece que lo que te propongo es válido, para posicionar el segundo div tomas como (0,0) el primer div en vez de los límites de la ventana, y de ahí salen las medidas negativas (referidas al primer div)

Por favor explícate con eso de que "no controlas los divs"


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 04:29.