Foros del Web » Creando para Internet » HTML »

Problema con maquetado a dos columnas

Estas en el tema de Problema con maquetado a dos columnas en el foro de HTML en Foros del Web. Estoy armando un modulo el cual necesito que sean 2 columnas. Cada una de estas 2 columnas va a mostrar un contenido que a su ...
  #1 (permalink)  
Antiguo 13/02/2011, 21:28
Avatar de mandrake88  
Fecha de Ingreso: septiembre-2009
Mensajes: 328
Antigüedad: 14 años, 6 meses
Puntos: 13
Problema con maquetado a dos columnas

Estoy armando un modulo el cual necesito que sean 2 columnas. Cada una de estas 2 columnas va a mostrar un contenido que a su vez esta dividido en 3 columnas.

-------columna 1 ------------ columna 2
---sub1 sub2 sub3 ---------sub1 sub2 sub3

Espero que se entienda

Lo maquete asi:
Código HTML:
Ver original
  1. <div id="columna1">
  2.      <div class="sub1">
  3.         //Contenido
  4.      </div>
  5.      <div class="sub2">
  6.         //Contenido
  7.      </div>
  8.      <div class="sub3">
  9.         //Contenido
  10.      </div>
  11. </div>
  12.  
  13. <div id="columna2">
  14.      <div class="sub1">
  15.         //Contenido
  16.      </div>
  17.      <div class="sub2">
  18.         //Contenido
  19.      </div>
  20.      <div class="sub3">
  21.         //Contenido
  22.      </div>
  23. </div>
Código CSS:
Ver original
  1. #columna1{
  2.         float: left;
  3.         width: 50&#37;;  //no se por que el foro esta mostrando mal esta linea xD
  4.         margin: auto;
  5. }
  6.  
  7. #columna2{
  8.         float: right;
  9.         width: 50%;
  10.         margin: auto;
  11. }
  12.  
  13. .sub1{
  14.         float: left;
  15.         width: 48%;
  16. }
  17.  
  18. .sub2{
  19.         float: right;
  20.         width: 48%;
  21. }
  22.  
  23. .sub3{
  24.         width: 3%;
  25. }

Como veran la sub-columna del medio es bien chiquita, necesito que quede entre medio de las otras 2.
La columna1 y columna2 quedaron bien, ambas ocupan el 50% del espacio que tienen disponibles (todo esto esta embebido dentro de otra capa que es la que determina el espacio que tienen, por eso uso %, es todo fluido)
El problema es que las subcolumnas (sub1,sub2,sub3) me salen una debajo de la otra, y no una al lado de la otra, pobre cambiandole los porcentajes, por que pense que era problema de espacio, pero no.

Ideas?
  #2 (permalink)  
Antiguo 14/02/2011, 03:23
Avatar de richicasas  
Fecha de Ingreso: abril-2007
Ubicación: Colombia
Mensajes: 692
Antigüedad: 16 años, 11 meses
Puntos: 13
Busqueda Respuesta: Problema con maquetado a dos columnas

Bueno, para empezar esto no es HTML, es problema de CSS.
Tu tercer columna no tiene float, por eso baja( lo probe y solo baja la columna 3). Ponle un float, haber que pasa.
__________________
Juguetes Sexuales

Etiquetas: columnas, dos, maquetado
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 02:56.