Foros del Web » Creando para Internet » CSS »

IE6 - No respeta divs con alturas < 20px

Estas en el tema de IE6 - No respeta divs con alturas < 20px en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 21/07/2008, 18:43
Avatar de sk8
sk8
 
Fecha de Ingreso: enero-2008
Mensajes: 52
Antigüedad: 9 años, 10 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.
  #2 (permalink)  
Antiguo 21/07/2008, 19:27
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: IE6 - No respeta divs con alturas < 20px

El truco al menos para IE6 es asignarles un font-size de 12px, 6px y 4px respectivamente (quizá 3, 5 y 10 para ser más exactos).

Mikel.
  #3 (permalink)  
Antiguo 22/07/2008, 17:46
Avatar de sk8
sk8
 
Fecha de Ingreso: enero-2008
Mensajes: 52
Antigüedad: 9 años, 10 meses
Puntos: 0
Respuesta: IE6 - No respeta divs con alturas < 20px

Efectivamente. Funciona a la perfección tal como dices.

Muchas gracias y un Saludo.
  #4 (permalink)  
Antiguo 24/07/2008, 19:24
 
Fecha de Ingreso: febrero-2008
Mensajes: 578
Antigüedad: 9 años, 9 meses
Puntos: 3
Respuesta: IE6 - No respeta divs con alturas < 20px

Otro truco podría ser también asignarle a dichos <div> el atributo overflow:hidden... esto tambien funcionaría, no Mike ?
  #5 (permalink)  
Antiguo 25/07/2008, 06:13
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: IE6 - No respeta divs con alturas < 20px

Pues sí, tienes razón, también funcionaría. Yo tengo costumbre de hacerlo de la otra manera, pero como siempre, todo depende de qué vayan a llevar dentro.



Mikel.
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

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 11:04.