height en Internet Explorer 6 no respeta

[juanpro]

Un saludo coordial a todos, mi problema es que le doy una altura a un div y en IE6 parece que le diera el doble, por ejemplo

#linea-horiz{
margin: 0px auto;
height: 5px;
background-color: #353434;
}


en IE6 aparece como si tuviera 10 de altura, alguien sabes porque pasa esto.

Gracias,

[kseso?]

mira a darle un "line-height:5px", a ver qué pasa

[juanpro]

Gracias por tu ayuda, no hiso efecto

#linea-horiz{
margin: 0px auto;
height: 5px;
background-color: #353434;
line-height: 5px;
}

le quite el height: 5px; por siaca pero nada.

Gracias nuevamente Kseso

[Calizman]

Saludos!!

No validará tu css pero... Hay que intentarlo todo no?

Tu CSS quedaria algo asi:

#linea-horiz{
margin: 0px auto;
height: 5px;
background-color: #353434;
line-height: 5px;
}

*html #linea-horiz {
height: 2.5px;
}

El *html hace que solo IE reconozca esa propiedad... Es algo asi como un hack, pero no estoy seguro si puede llamarsele asi. Como sea, estoy seguro que funciona.

Hasta Luego!!

[kseso?]

Juampro, creo recordar que esa incidencia en ie6 tiene algo que ver con las propiedades del texto, pero no recuerdo exáctamente, y tampoco puedo verificarlo con ie6 en mi pc.

Quizás fuese la propiedad "font-size: 5px", pero...
Mira si en la página de los "gusanos" de M$ encuentras algo.

Suerte

P.D.: ¿para qué un "margin: 0 auto" si no tiene anchura?

[Triby]

Una solucion es usar overflow:hidden; con eso forzas al contenedor con las medidas deseadas.

[Mikmoro]

Iniciado por Triby

Una solucion es usar overflow:hidden; con eso forzas al contenedor con las medidas deseadas.

Exacto, o un font-size: 5px;

[juanpro]

gracias a todos companeros por su ayuda, finalmente pude solucinar el problema,

"font-size: 4px";

Con esto pude hacer que el div tenga 5px de altura en ie6

Gracias Kseso, Calizz, Triby y Mikmoro por su ayuda y sugerencia, me sirvio de mucho

Juan,