Div abajo de otros dos div

dayaneishon_3 · #1 (**permalink**) 18/11/2011, 17:33

Hola de nuevo!

Miren despues de hacer unas cosilla mi web quedo asi:

Y lo que quiero es que la web quede asi:

Y mi archivo esta asi:

<body>
<div id="bodyy" align="center" >
<div id="web" >
#web
</div>
<div id="social" >#social</div>
<div id="social_menu" >
#social_menu
</div>
</div>
</body>

Y mi archivo css esta asi:

/*----Body----*/

#web {
width:660px;
float: left;
}

#social {
width:347px;
background-color:#ffff00;
position: relative;
float: left;
}

#social_menu {

}

C2am · #2 (**permalink**) 18/11/2011, 23:33

La imagen que muestra no coincide con el código que muestras.
Trata de mostrar exactamente como tienes el codigo o coloca un enlace.
Saludos

quedecosas · #3 (**permalink**) 19/11/2011, 02:26

debes limpiar el flujo antes de bajar el div de social_menu.

para limpiarlo simplemente agrega clear:both; en el css de social_menu

o puedes crear una clase

Código CSS:

Ver original.clear{
    clear: both;
 }

y despues usarla en un br por ejemplo en cada parte k keiras limpiar ejemplo:

Código HTML:

Ver original<body>
<div id="bodyy" align="center" >
<div id="web" >
#web
</div>
<div id="social" >#social</div>
<br class="clear" />
<div id="social_menu" >
#social_menu
</div>
</div>
</body>

saludos