como alinear 3 divs?

joseomaker · #1 (**permalink**) 08/06/2010, 21:22

hola,soy nuevo en esta comunidad,llegue acá por una duda:

como alinear 3 divs,osea que quede una al lado de otra.

si me pudiesen explicar,alfin podria hacer mi primera estructura COMPLETAMENTE CON DIVS.

PD: uso Kompozer y notepad++ (escribo HTML y CSS manualmente)

cng1950 · #2 (**permalink**) 08/06/2010, 22:01

Cita:

Iniciado por joseomaker

hola,soy nuevo en esta comunidad,llegue acá por una duda:

como alinear 3 divs,osea que quede una al lado de otra.

PD: uso Kompozer y notepad++ (escribo HTML y CSS manualmente)

excelente como lo haces manualmente
en hoja de estilo (css)
los colores son para que visualices los div nada mas

#div1 {
background-color: #ff0000;
float: left;
width: 200px;
}
#div2 {
background-color: #0000ff;
float: left;
width: 400px;
}
#div3 {
background-color: #00ff00;
float: left;
width: 150px;
}
el ancho (width) tambien puede ser en % o medidas em
--------
En html o xhtml o en tu index.htm

<body>
<div id="div1"> 1 </div>
<div id="div2"> bala bla <br/> dhsagghsadhg 2 </div>
<div id="div3"> 3 </div>
</body>

Me tuve que registrar pa responderte saludos

joseomaker · #3 (**permalink**) 09/06/2010, 18:31

muchas gracias,ya compruebo si sirve el codigo,saludos

joseomaker · #4 (**permalink**) 09/06/2010, 19:22

y no sabes de casualidad sabes como hacer que las DIVs esten las 3 en el medio?.osea,alinearlos en el centro a los 3 como si fuera una tabla.

Carlangueitor · #5 (**permalink**) 09/06/2010, 20:42

Metelos dentro de otro div y centra ese div.

Saludos

joseomaker · #6 (**permalink**) 09/06/2010, 21:10

ok gracias por toda su ayuda :)