Foros del Web » Creando para Internet » CSS »

Div puesto sobre otro

Estas en el tema de Div puesto sobre otro en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 30/09/2010, 19:29
Avatar de anacona16  
Fecha de Ingreso: marzo-2010
Ubicación: Bogota DC
Mensajes: 610
Antigüedad: 7 años, 9 meses
Puntos: 50
Div puesto sobre otro

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.
  #2 (permalink)  
Antiguo 01/10/2010, 13:48
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: Div puesto sobre otro

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.

  #3 (permalink)  
Antiguo 01/10/2010, 16:35
Avatar de anacona16  
Fecha de Ingreso: marzo-2010
Ubicación: Bogota DC
Mensajes: 610
Antigüedad: 7 años, 9 meses
Puntos: 50
Respuesta: Div puesto sobre otro

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.
  #4 (permalink)  
Antiguo 01/10/2010, 17:24
Avatar de baldaweb  
Fecha de Ingreso: septiembre-2010
Ubicación: Barco pirata
Mensajes: 207
Antigüedad: 7 años, 2 meses
Puntos: 13
Respuesta: Div puesto sobre otro

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

Cita:
Iniciado por anacona16 Ver Mensaje
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.
  #5 (permalink)  
Antiguo 01/10/2010, 21:38
Avatar de anacona16  
Fecha de Ingreso: marzo-2010
Ubicación: Bogota DC
Mensajes: 610
Antigüedad: 7 años, 9 meses
Puntos: 50
Respuesta: Div puesto sobre otro

Disculpa a cual de los div les pongo estas propiedades?
  #6 (permalink)  
Antiguo 02/10/2010, 03:36
Avatar de baldaweb  
Fecha de Ingreso: septiembre-2010
Ubicación: Barco pirata
Mensajes: 207
Antigüedad: 7 años, 2 meses
Puntos: 13
Respuesta: Div puesto sobre otro

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>
  #7 (permalink)  
Antiguo 02/10/2010, 09:13
Avatar de anacona16  
Fecha de Ingreso: marzo-2010
Ubicación: Bogota DC
Mensajes: 610
Antigüedad: 7 años, 9 meses
Puntos: 50
Respuesta: Div puesto sobre otro

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.

Etiquetas: puesto
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 11:05.