height se duplica en IE 6

cerra · #1 (**permalink**) 06/11/2008, 10:52

Hola chic@s:

A ver si me podeis ayudar o dar alguna idea.

Os cuento,

Tengo un div que mide 10px de altura , en Firefox se ve bien , en Internet Explorer 7 también , pero al comprobarlo en Internet Explorer 6 tiene 20 px de altura !!

¿Alguna ayuda de porque se me duplica?

Muchas Gracias !

dacho · #2 (**permalink**) 06/11/2008, 10:58

Hola cerra es imposible determinar eso si no nos facilitas el codigo. Existen muchos motivos por los cuales te puede estar pasando eso.

Traenos el codigo y lo vemos

lucasan · #3 (**permalink**) 06/11/2008, 11:06

dacho tiene razón, pon el código, aunque por ser IE6 no es nada raro. En ocasiones es necesario poner una hoja de estilo aprate para ese navegador.

cerra · #4 (**permalink**) 06/11/2008, 11:24

Ahi esta ;

GraCIAS

<html>
<head>
<style type="text/css">
#destacado3 {
width:308px;
height:172px;
margin-bottom:5px;
margin-top:17px;
}
#destacado3 #col2 {
width:134px;
height:157px;
color:#002752;
float:right;
margin:0px;
padding:15px 10px 0px 10px;
}
#destacado3 #col2 #lnks {
display:block;
padding:0;
margin:0;
clear:both;
}
#destacado3 #col2 #lnks a.lnk1 {
width:133px;
height:11px !important;
display:block;
margin-top:8px;
padding:0;
clear:both;
}
</style>
</head>
<body>
<div id="destacado3">
<div id="col2" >
<div id="lnks"> <a href="" class="lnk1"></a> </div>
</div>
</div>
</body>

Mikmoro · #5 (**permalink**) 06/11/2008, 12:33

Tienes dos opciones:
1.- aplicar un overflow:hidden; a ese div
2.- aplicar un font-size: 10px; a ese div.

Deberás usar una u otra en función de los contenidos o lo que te convenga.

cerra · #6 (**permalink**) 07/11/2008, 02:27

Muchas gracias !!

Con overflow si que me funciona a la perfección .

Gracias !!!