height y explorer

Abite · #1 (**permalink**) 27/03/2007, 10:13

Hola, estoy haciendo unas gráficas usando css y la verdad es que con firefox no estoy teniendo problemas, el problema radica cuando uso explorer, el código es el siguiente:

Código HTML:

<div style="margin-top: 2px; border:1px solid #333; width:85px; background-color:#FFF; height: 5px; padding: 0px;">[INDENT]<div style=" height: 5px; background-color:#0066FF; width:$puntuacion px; padding: 0px;"></div>[/INDENT]</div>

El height de 5px se ver perfecto en firefox, pero en explorer se ve como si tuviera 15px, ¿se puede hacer algo?.

Un saludo

JavierB · #2 (**permalink**) 27/03/2007, 10:22

Hola Abite

Prueba poniéndolo así:

<div style="height:5px; line-height:5px; ...

Saludos,

Abite · #3 (**permalink**) 27/03/2007, 10:42

No, sigue sin funcionar, maldito explorer...

Xray · #4 (**permalink**) 27/03/2007, 13:45

anda mira acabo de postear lo mismo en otro post xD yo tb el mismo problema :S pero con el iexplorer 6, el 7 lo hace bien

Xray · #5 (**permalink**) 27/03/2007, 16:45

yo al final despues de mirar por lo mas profundo de google y no encontrar nada me decante por probar lo de line-height:5px; y ami me ha funcionado :S

Tengo la clase tal que asi

.xxxxxx {
line-height:6px;
height:6px;
width:100%;
padding:0px;
border:0px;
}

gaspercat · #6 (**permalink**) 21/04/2007, 14:27

Resulta que al crear un div el internet explorer sobreentiende que como minimo dentro hay una linea de texto vacia, asi que para meter tamaños de div mas pequeños que el tamaño de letra debes meter un font-height:0px;

Por cierto alguien tiene pajolera idea de porque en una casilla de un form meto un fondo de 20px x 20px y le digo que la casilla tiene height:20px pero en IE para que no se repita el fondo debo meter height:18px? (tengo padding border y margin a 0px e indico el height en el tr)