miércoles, 25 de abril de 2012

Divs Flotantes

Hola.
En esta primera entrada voy a poner un ejemplo muy sencillo de como poner un Div al lado de otro y como agregar uno más en la siguiente linea.
#div123 es la forma de crear un estilo destinado para el control que tenga ese nombre especifico y es muy útil para cuando se quiere hacer una configuración personalizada y por ejemplo en varias paginas puede poner un div que se llame #Divestilo y todos los divs que se llamen así adoptarán dicha configuración.

background: es solo para ponerle color al fondo de cada Div.
foat:left : indica que hará "flotar" el div hacia la izquierda.
clear:both : indica que debe mover el div hacia abajo de los otros elementos flotantes.

<style type="text/css">
         #div1{
         float:left;
         background:#EEDD60;
         }
         #div2{
         float:left;
         background:#05FF80;
         }
         #div3{
         clear:both;
         background:#FF0000;
         }
</style>
<div id=”div1″>Ejemplo del div1</div>
<div id=”div2″>Ejemplo del div2</div>
<div id=”div2″>Ejemplo del div2</div>


Ejemplo del div1
Ejemplo del div2
Ejemplo del div3