Etiquetas DIV en columnas

Saludos.

Teniendo la idea de NO usar tablas en un sitio web, ahora me veo con la necesidad de poner 3 etiquetas DIV en posición horizontal, una seguida de otra, pero no he podido hacerlo.

Alguna idea antes de pensar en usar una tabla?

Gracias.

JOHNMARTIN

Quizá te sirva esto.

Saludos.

Lastimosamente este link me da la posibilidad de crear dos etiquetas seguidas, ahí no hay problema, pero no me crea para 3 etiquetas seguidas.

Gracias, alguna otra posible solución?

JOHNMARTIN

Hola JOHNMARTIN, hice esto haber si te sirve
estilo:

Código :

<style type="text/css">
.miclase{
float:left;
}

</style>

y en el html:

Código :

<div  id="1" class="miclase" style="background-color:green; width:100px; height:50px"></div>
<div  id="2" class="miclase" style="background-color:blue; width:100px; height:50px"></div>
<div  id="3" class="miclase" style="background-color:red; width:100px; height:50px"></div>

Pruebalo, haber si es lo que querias, el comportamiento por default de los divs es que se apilen verticalmente , por lo que los flotamos a la izquierda para evitar ese comportamiento

Saludos
Max

CSS

Código :

.cuerpo
{
   width: 800px;
   margin: 0 auto;
}

.columna
{
   width: 100%;
   height: 200px;
}

Y el HTML

Código :

<div class="cuerpo">
  <div class="columna"></div>
  <div class="columna"></div>
  <div class="columna"></div>
</div>

Algo así, te serviría?

Max, los estilos n se ponen en el HTML directo, eso es una mala práctica que no debes fomentar, repite conmigo, debo usar archivos .css

Te da la opcion de hacer 3 columnas. Izquierda, central y derecha.

Maestro y guia Aoyama, el codigo mostrado es solo de demostracion, y fue realizado en un pequeño tiempo libre para tratar de dar con la solucion del problema rapidamente , es de entenderse que las buenas prácticas que usted menciona se dan por descontadas, si se es un clabber habitual

No es una mala costumbre, no se deben usar. Solo cuando definitivamente pienses que el formato nunca va a cambiar, casos que no son ni el 1%. No es un pecado pero es un problemon cuando quieras cambiar el sitio fácilmente.

En el caso de la columna solo usa el float y alinea una a la derecha y otra a la izquierda y listo. Ambos DIV te recomiendo anidarlos dentro de otro div de estructura, eso te evitará muchos problemas en IE. El DIV "padre" ponle un ancho en el estilo y listo, si lo quieres centrar solo pon los margin en auto o en 0.

Bueno, no se peleen, el uso del atributo style dejémoslo para el Javascript y para hacer pruebas a ser posible ya que no nos permite crear unos estilos integrados para todo el site y da opción a errores. Al igual que el exceso de de DIVs anidados (o cebollitis aguda) son malas prácticas ya que restan flexibilidad y hacen más complejas las modificaciones posteriores.
Si quieren una solución real aquí tienen una para crear columnas CSS

saludos Laberos