Superponer dos span - Dificilillo

[salbatore]

Hola foreros:

Tengo un div con cuatro <span> , queria que dos de ellos se superpusieran, es decir, que este uno encima de otro, pero por mas que lo intentento no lo consigo hacer. Mirar el html:

Código HTML:

<div id="box">
	<span class="left"></span>
	<span class="center_1">debajo</span>
	<span class="center_2">encima</span>
	<span class="right"></span>
</div> 

¿Como puedo hacer que me muestre:

Primero span left, luego span center_1 con el texto 'debajo', y luego el span center_2 con el texto 'encima' superpuesto al span center_1; y por ultimo el span right.

¿Como lo hago?

[Mikmoro]

Por mi parte, primero poniendo una imagen de lo que quieres conseguir, porque yo al menos no entiendo qué quieres hacer.

[Jamati]

Yo tampoco te he podido entender, pero a lo mejor lo que buscas lo puedes solucionar agregando lo siguiente:

#box {position:relative;}
span.center_2 {position:absolute;top:xxxx;left:xxxx}

donde en xxxx le adjuntas las coordenadas para que se superponga donde estará el span tapado.

Espero me entiendas, sino pon un ejemplo para entenderte mejor.

Saludos

[salbatore]

Hola de nuevo...

Jeje, se que algunas veces es dificil explicar lo que uno busca hacer, jeje... bueno... la ayuda que me dio jamati me ha valido un monton... desconocia ese metodo... pense que me iva a costar un monton y a partir del empujon a ido bien. Lo hice con position relative y absolute... y luego las coordenardas...


Bueno gracias...

[Jamati]

Acuerdate que el position:relative y el position:absolute funcionan con respecto al elementos que los contiene.