Foros del Web » Creando para Internet » CSS »

Como poner una DIV al lado de la otra?

Estas en el tema de Como poner una DIV al lado de la otra? en el foro de CSS en Foros del Web. Hola amigos, estoy haciendo un pequeño diseño y tengo un problema que nunca pude resolver y tampoco se si tiene solucion.... Lo que necesito hacer ...
  #1 (permalink)  
Antiguo 21/04/2009, 23:29
Avatar de Joni2Back  
Fecha de Ingreso: marzo-2009
Mensajes: 146
Antigüedad: 15 años
Puntos: 1
Como poner una DIV al lado de la otra?

Hola amigos, estoy haciendo un pequeño diseño y tengo un problema que nunca pude resolver y tampoco se si tiene solucion....
Lo que necesito hacer es poner una div al lado de la otra

Aca va una imagen de lo que quiero lograr
  #2 (permalink)  
Antiguo 22/04/2009, 02:05
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.774
Antigüedad: 16 años, 2 meses
Puntos: 1146
Respuesta: Como poner una DIV al lado de la otra?

lo que tienes que hacer es colocar un div principal y dentro dos div secundarios aplicando un ancho que sumados no superen el ancho del div principal mas aparte especificar hacia donde tienen que flotar :p creo que me entenderás mejor con un ejemplo básico

Código HTML:
<div style="width:500px; padding:3px;">

<div style="width:245px; background:#FFCC00; float:left;"></div>
<div style="width:245px; background:#CCFF66; float:right;"></div>

</div> 
  #3 (permalink)  
Antiguo 22/04/2009, 09:09
Avatar de adriancitov7  
Fecha de Ingreso: abril-2009
Ubicación: New York
Mensajes: 75
Antigüedad: 15 años
Puntos: 4
Respuesta: Como poner una DIV al lado de la otra?

Hola basta con poner float left a los distintos elementos si quieres centrarlo creas un div wrapper que envuelve todo el html y en la css le das al id

#wrapper {width:750px;margin:0 auto; } /* Recordando sumar los bordes si los hay y margenes para no sobrepasar el ancho contenedor definido */

CSS

.caja { float:left;margin-left:5px; }

HTML

<div class="caja">
</div>
<div class="caja">
</div>
<div class="caja">
</div>
<div class="caja">
</div>
<div class="caja">
</div>
  #4 (permalink)  
Antiguo 22/04/2009, 10:08
Avatar de Joni2Back  
Fecha de Ingreso: marzo-2009
Mensajes: 146
Antigüedad: 15 años
Puntos: 1
Respuesta: Como poner una DIV al lado de la otra?

Barbaro, con eso ya lo logre!!!
Muchas gracias
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 15:56.