Foros del Web » Creando para Internet » CSS »

distribuir tres div dentro dew otro

Estas en el tema de distribuir tres div dentro dew otro en el foro de CSS en Foros del Web. Hola, seguramente la respuesta a mi pregunta ya está en el foro, pero no la encuentro, lo siento. Quiero insertar tres capas dentro de otra ...
  #1 (permalink)  
Antiguo 31/01/2007, 13:39
 
Fecha de Ingreso: marzo-2005
Ubicación: Puerto Viejo - Costa Rica
Mensajes: 125
Antigüedad: 12 años, 9 meses
Puntos: 0
distribuir tres div dentro dew otro

Hola, seguramente la respuesta a mi pregunta ya está en el foro, pero no la encuentro, lo siento.
Quiero insertar tres capas dentro de otra que las contendrá y que quede una a la izq, otra en el centro y la otra a la der. La de la derecha me queda debajo de las otras dos y no sé cómo subirla. Pongo el código

Código:
<div id="contenedor">
  <div id="imag_izq"><img src="imagenes/imagen_1.jpg" name="imagen1" width="150" height="100" id="imagen1" /></div>
  
  <div id="imag_centro"><img src="imagenes/imagen_2.jpg" name="imagen2" width="150" height="100" id="imagen2" /></div>
  
  <div id="imag_der"><img src="imagenes/imagen_3.jpg" width="150" height="100" /></div>
</div>
Código:
#imag_izq {
	width: 150px;
	height: 100px;
	float: left;
}
#imag_centro {
	margin: 0 auto;
	width: 150px;
	height: 100px;
}
#imag_der {
	width: 150px;
	height: 100px;
	float: right;
}
Un saludo a todos y muchas gracias.
  #2 (permalink)  
Antiguo 31/01/2007, 17:43
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Re: distribuir tres div dentro dew otro

Normalmente, cuando se van a flotar unas cosas a la derecha y otras a la izquierda en la misma línea, se tiende a poner primero las flotadas a la derecha, porque así, aunque la última que pongas a la izquierda no esté flotada, no obliga a bajar de línea a la de la derecha.

Código:
<div id="contenedor">
  <div id="imag_der"><img src="imagenes/imagen_3.jpg" width="150" height="100" /></div>
  <div id="imag_izq"><img src="imagenes/imagen_1.jpg" name="imagen1" width="150" height="100" id="imagen1" /></div>
  <div id="imag_centro"><img src="imagenes/imagen_2.jpg" name="imagen2" width="150" height="100" id="imagen2" /></div>
</div>
También tendrías la opción de añadir float left a la caja del centro, que es la que está forzando a bajar a la de la derecha, pero eso te obliga a otra serie de cambios.

Mikel.
  #3 (permalink)  
Antiguo 31/01/2007, 18:40
 
Fecha de Ingreso: marzo-2005
Ubicación: Puerto Viejo - Costa Rica
Mensajes: 125
Antigüedad: 12 años, 9 meses
Puntos: 0
Re: distribuir tres div dentro dew otro

Muchas gracias Mikmoro ya está solucionado, me estaba volviendo loco.
Un saludo
Guti
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 13:17.