Re: [Ovillo] diseño liquido y ie6

[jop]

Hola Alejandra, lo primero que veo es que tu contenido es de 101%, (
100%+1%+1%) cuando deberia ser de 100%.

#contenido{width:99%;
  padding:0 1% 0 1%;
  text-align:left;
  float:left;
  }
Luego entre izquierda+centro+derecha te suma justo 100%, pero en la practica
esto desborda la caja contenido que ya esta descompensada, se sule hacer que
la suma se del 99,6% e incluso 99.9%.. Pero en cada seccion dices por
ejemplo:

#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%;
}
aqui 50%-1%+1%= 52%. Con lo cual al ir sumando las demas columnas sobrepasas
por muy mucho el 100%.

Mira el modelo de cajas (Box Model)
http://www.torresburriel.com/box-model-hack.html

--
Saludos
Jaume
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

[Ovillo] diseño liquido y ie6

[alejandra . j . gomez]

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
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo