Ver Mensaje Individual
  #6 (permalink)  
Antiguo 13/01/2010, 14:30
WinderJerter
 
Fecha de Ingreso: agosto-2009
Mensajes: 292
Antigüedad: 14 años, 8 meses
Puntos: 5
Respuesta: Columnas siempre del mismo tamaño

hola que tal, eso lo puedes lograr fácilmente con las propiedades: display:table, table-row y table-cell, mira aquí te pongo un ejemplo que acabo de hacer a la rápida, pero tu lo puedes mejorar para que se ajuste a tus necesidades.

Código CSS:
Ver original
  1. #contenedor {
  2.     background-color:#CCC;
  3.     display:table;
  4.     padding:1px;
  5. }
  6.  
  7. #contenidos {
  8.     display:table-row;
  9. }
  10.  
  11. #columna1, #columna2, #columna3 {
  12.     display:table-cell;
  13.     padding:10px;
  14. }
  15.  
  16. #columna1 {
  17.     background-color:#060;
  18. }
  19.  
  20. #columna2 {
  21.     background-color:#FFF;
  22. }
  23.  
  24. #columna3 {
  25.     background-color:#F00;
  26. }

Código HTML:
<div id="contenedor">
  <div id="contenidos">
    <div id="columna1">columna 1.1<br> columna 1.2<br> columna 1.3<br></div>
    <div id="columna2">columna 2</div>
    <div id="columna3">columna 3</div>
  </div>
</div> 
Y aquí la imagen del resultado:



Saludos y espero que te sirva de maravilla

Probado y compatible en: FF, IE8, Safari, Chrome y Opera.

Última edición por WinderJerter; 13/01/2010 a las 15:07