Foros del Web » Creando para Internet » CSS »

Posicionamiento de 3 divs

Estas en el tema de Posicionamiento de 3 divs en el foro de CSS en Foros del Web. Hola a todos, tengo una página en la que tengo algo así: Código HTML: <div class= "div1" > <div class= "div2" > </div> <div class= ...
  #1 (permalink)  
Antiguo 25/09/2015, 12:47
Avatar de daysil  
Fecha de Ingreso: septiembre-2015
Mensajes: 25
Antigüedad: 9 años, 2 meses
Puntos: 0
Posicionamiento de 3 divs

Hola a todos, tengo una página en la que tengo algo así:

Código HTML:
<div class="div1">
   <div class="div2"> </div>
   <div class="div3"> </div>
</div> 
y quiero que el div más pequeño (div2) se mantenga a la izquiera (con float:''left" creo q resuelvo esto), pero que el div3 se mantenga en el centro del div1 (como muestra la imagen)


No logro ubicar correctamente el div2. Por favor si alguien me pudiera ayudar? Muchas gracias de antemano

Última edición por daysil; 25/09/2015 a las 13:12
  #2 (permalink)  
Antiguo 25/09/2015, 13:15
Avatar de AngelKrak  
Fecha de Ingreso: noviembre-2014
Mensajes: 917
Antigüedad: 10 años
Puntos: 91
Respuesta: Posicionamiento de 3 divs

te hice algo asi amigo, espero y sea lo que buscas ;)


Código CSS:
Ver original
  1. .div1 {
  2.   width: 650px;
  3.   height: 130px;
  4.   margin: 0 auto;
  5.   border: 1px solid #DDDDDD;
  6. }
  7. .div2 {
  8.   float: left;
  9.   width: 70px;
  10.   height: 70px;
  11.   margin: 29px;
  12.   border: 1px solid #DDDDDD;
  13. }
  14. .div3 {
  15.   width: 240px;
  16.   height: 70px;
  17.   margin: 29px auto;
  18.   border: 1px solid #DDDDDD;
  19. }

Demo:
http://codepen.io/AngelKrak/pen/pjNJyW

Etiquetas: center, divs, float
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:01.