[Ovillo] diseño liquido y ie6

alejandra.j.gomez en gmail.com alejandra.j.gomez en gmail.com
Vie Abr 3 22:50:07 UTC 2009


Hola, necesito saber si se trata de un bug:

diseño a tres columnas,con esta distribucion: 17% izquierda  50% central
23%derecha,
con este CSS:

#contenido{width:99%;
           padding:0 1% 0 1%;
           text-align:left;
           float:left;
                   }

#izquierda{width:17%;
           height:1%;
           float:left;
           text-align:left;
           bottom:0;
           margin:0 0.5% 0 0;
           padding:0 0 1.5% 0;
                       }

#central{width:50%;
       height:100%;
       float:left;
       border-right:2px solid #5f5f5f;
       border-left:2px solid #5f5f5f;
       margin:0;/*arriba, derecha, abajo, izquierda*/
       padding:0 1% 0 1%;

         }

#derecha{width:23%;
           height:1%;
           float:left;
           text-align:left;
           bottom:0;
           margin:0 0 0 0.5%;
           padding:0 0 1.5% 0;

              }
en IE6 la columna derecha, se baja, le achique los porcentaje, y sigue
igual. y ademas otra pregunta,
veran que  hay mezclados px, y %, esta bien expresado asi?, esos padding con
%, es asi como se expresan?
Por otro lado, aclaro que los bordes, estan en pixeles, porque con %
desaparecen y esos bordes estan ahi para separar las tres columnas.
Esta bien asi?, es la primera vez que hago un diseño liquido

Agradezco toda orientacion brindada

Alejandra


Más información sobre la lista de distribución Ovillo