Div puesto sobre otro

[anacona16]

Hola espero puedan ayudarme con esto:

Tengo un div donde va a ir una presentacion de imagenes, pero sobre este ubicado en la parte derecha va otro div mas pequeño que tambien va a ser una presentacion de imagenes, la presentacion de imagenes no es el problema, el problema es que al insertar la primera imagen sobre el div grande el div pequeño se baja y no queda sobre el div grande que es lo que quiero, en la imagen pueden ver mejor lo que quiero hacer:

http://img812.imageshack.us/img812/3387/asopecam1r2c2.png

Espero me puedan ayudar. Gracias.

[jomaruro]

Hola:

Sería mejor que indicaras la URL de tu página o si no la tienes poner tu código para poder ver que es lo que pasa.

Saludos.

[anacona16]

Este es el CSS

Código:

#imgabig{
	margin:0 auto;
	width:995px;
	height:250px;
	margin-top:10px;
	background-image:url(../images/images_presentacion/img1.png);
}

#imgasmall{
	float:right;
	width:305px;
	height:205px;
	margin:0px 40px 0px 0px;
	border:10px solid #FFF;
	background-image:url(../images/images_presentacion/img2.png);
	background-position:center;
	background-repeat:no-repeat;
	background-color:#FFF;
}

Codigo HTML

Código:

<div id="imgabig">
        <div id="imgasmall"></div>
    </div>

Entre el div "imgabig" va una presentacion de imagenes y al insertar la primer imagen el div "imgasmall" se baja y no queda en la parte derecha del div "imgabig" como lo necesito.

Espero me haya explicado, gracias.

[baldaweb]

Así a primera vista haz el div con posicion absoluta, y le das un valor a z-index

Iniciado por anacona16

Hola espero puedan ayudarme con esto:

Tengo un div donde va a ir una presentacion de imagenes, pero sobre este ubicado en la parte derecha va otro div mas pequeño que tambien va a ser una presentacion de imagenes, la presentacion de imagenes no es el problema, el problema es que al insertar la primera imagen sobre el div grande el div pequeño se baja y no queda sobre el div grande que es lo que quiero, en la imagen pueden ver mejor lo que quiero hacer:

http://img812.imageshack.us/img812/3387/asopecam1r2c2.png

Espero me puedan ayudar. Gracias.

[anacona16]

Disculpa a cual de los div les pongo estas propiedades?

[baldaweb]

Ejemplo sencillo, en el css ya le das las propiedades que quieras:

css
#capa1 {
z-index:0;
position:absolute;
}

#capa2 {
position:absolute;
z-index:-1;
}


html
<div id="capa1"><img src="Images/campeones01.jpg" /></div>
<div id="capa2"><img src="Images/campeones2.jpg" /></div>

[anacona16]

Lo he solucionado añadiendole estas propiedades al div "imagbig":

Código:

position:absolute;
z-index:auto;
left: 650px;
top: 152px;

La pocisión del div "imagsmall" varia segun la resolución de la pantalla, esto no me gusta pero si no se puede resolver de otra manera pues ni modo.