3 divs uno al lado de otro

markmb · #1 (**permalink**) 05/06/2010, 01:53

Mirad, sé que se ha tratado muuucho esto, pero no consigo hacerlo como quiero:

Código HTML:

<html>
<head>
<body>
<div>
<div id="div1" style="float:right">
<ul>
<li>elemento 1 div 1</li>
<li>elemento 2 div 1</li>
<li>elemento 3 div 1</li>
<li>elemento 4 div 1</li>
<li>elemento 5 div 1</li>
</ul>
</div>
<div id="div2" style="position:absolute;">
<ul>
<li>elemento 1 div 2</li>
<li>elemento 2 div 2</li>
<li>elemento 3 div 2</li>
<li>elemento 4 div 2</li>
<li>elemento 5 div 2</li>
</ul>
</div>
<div id="div3" style="float:right">
<ul>
<li>elemento 1 div 3</li>
<li>elemento 2 div 3</li>
<li>elemento 3 div 3</li>
<li>elemento 4 div 3</li>
<li>elemento 5 div 3</li>
</ul>
</div>
</div>
</body>
</html>

Esto me pone uno a la izquierda y dos a la derecha, pero lo que quiero es uno a la izquierda, otro en el centro y otro a la derecha, y no lo consigo. Me pueden ayudar?

Gracias!

markmb · #2 (**permalink**) 05/06/2010, 02:28

He seguido buscando en google, y he encontrado esto, que ya me sirve:

Código HTML:

<html>
<body>
<div>
<div id="div1" style="float:left; width:33.3%;">
<ul>
<li>elemento 1 div 1</li>
<li>elemento 2 div 1</li>
<li>elemento 3 div 1</li>
<li>elemento 4 div 1</li>
<li>elemento 5 div 1</li>
</ul>
</div>
<div id="div2" style="float:left; width:33.3%;">
<ul>
<li>elemento 1 div 2</li>
<li>elemento 2 div 2</li>
<li>elemento 3 div 2</li>
<li>elemento 4 div 2</li>
<li>elemento 5 div 2</li>
</ul>
</div>
<div id="div3" style="float:left; width:33.3%;">
<ul>
<li>elemento 1 div 3</li>
<li>elemento 2 div 3</li>
<li>elemento 3 div 3</li>
<li>elemento 4 div 3</li>
<li>elemento 5 div 3</li>
</ul>
</div>
</div>
</body>
</html>

Y un comentario más: Google os indexa rapidísimo, 5 minutos después de postear esto, ya me he encontrado este post indexado.

alexk · #3 (**permalink**) 05/06/2010, 07:54

esta y otras dudas mas en las FAQS...

markmb · #4 (**permalink**) 05/06/2010, 07:59

En muchísimas partes he visto como poner 2 uno al lado de otro, pero 3 no. Al final sí que lo he encontrado, y me ha servido.