Div dentro de div, ambos absolutos

[abuenog]

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

[AlvaroG]

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.

[abuenog]

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

[AlvaroG]

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.