Foros del Web » Creando para Internet » CSS »

3 divs uno al lado de otro

Estas en el tema de 3 divs uno al lado de otro en el foro de CSS en Foros del Web. 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" ...
  #1 (permalink)  
Antiguo 05/06/2010, 02:53
 
Fecha de Ingreso: octubre-2009
Ubicación: En el ordenador
Mensajes: 504
Antigüedad: 8 años, 2 meses
Puntos: 10
3 divs uno al lado de otro

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!
  #2 (permalink)  
Antiguo 05/06/2010, 03:28
 
Fecha de Ingreso: octubre-2009
Ubicación: En el ordenador
Mensajes: 504
Antigüedad: 8 años, 2 meses
Puntos: 10
Respuesta: 3 divs uno al lado de otro

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.
  #3 (permalink)  
Antiguo 05/06/2010, 08:54
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.697
Antigüedad: 8 años, 5 meses
Puntos: 137
Respuesta: 3 divs uno al lado de otro

esta y otras dudas mas en las FAQS...
  #4 (permalink)  
Antiguo 05/06/2010, 08:59
 
Fecha de Ingreso: octubre-2009
Ubicación: En el ordenador
Mensajes: 504
Antigüedad: 8 años, 2 meses
Puntos: 10
Respuesta: 3 divs uno al lado de otro

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.

Etiquetas: lado
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 05:15.