Ver Mensaje Individual
  #1 (permalink)  
Antiguo 21/07/2008, 17:43
Avatar de sk8
sk8
 
Fecha de Ingreso: enero-2008
Mensajes: 52
Antigüedad: 16 años, 3 meses
Puntos: 0
IE6 - No respeta divs con alturas < 20px

Hola.

Me ocurre lo siguiente con IE6 y IE5.5 y seguraemte con versiones anteriores. Defino varias capas con colores de fondo de diferentes tamaños. Todas aquellas capas que tienen un heigth inferior a 20 px sea cual sea me las dibuja de 20px. Sin embargo IE7 y FF respeta las dimeniones.

Un ejmplo de lo que me ocurre.

Definición de varias capas de distinta altura: 4 px, 6px, 12px.
Código:
#bloque1
	{
	top:200px;left:100px;position:absolute;height:50px;width:300px;background-color:#666666;z-index:1;
	}
#bloque2
	{
	top:0px;left: 10px;position:absolute;height:4px;width:50px;background-color:#999999;z-index:1;
	}
#bloque3
	{
	top:0px;left: 100px;position:absolute;height:6px;width:50px;background-color:#999999;z-index:1;
	}
#bloque4
	{
	top:0px;left: 200px;position:absolute;height:12px;width:50px;background-color:#999999;z-index:1;
	}
Resultado: La capa de altura=50px mantiene sus proporciones mientras que las capas de altura 4, 6 y 12 aparecen con una altura=20px.

He probado poniendo margin-top=0px, margin-bottom=0px, padding-top=0 .... por si ie6 hacia que todas las capas tuvieran que tener una altura minima de 20px.

Estos resultados los he obtenido con IETester. Nose cual puede ser el problema.

un saludo y gracias de antemano.