Foros del Web » Creando para Internet » CSS »

Diferencia en Alto de DIVS sin height fijo

Estas en el tema de Diferencia en Alto de DIVS sin height fijo en el foro de CSS en Foros del Web. El texto en Ie9 tiene un alto distinto que en ie8 y firefox. Les armo un ejemplo para entender la situación: Código: <!DOCTYPE html PUBLIC ...
  #1 (permalink)  
Antiguo 19/08/2011, 14:10
 
Fecha de Ingreso: mayo-2011
Ubicación: Capital Federal
Mensajes: 11
Antigüedad: 5 años, 7 meses
Puntos: 1
Diferencia en Alto de DIVS sin height fijo

El texto en Ie9 tiene un alto distinto que en ie8 y firefox.

Les armo un ejemplo para entender la situación:

Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <style type="text/css" >
    
body
{
    font-family: arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #626262;
}

*, S, td
{
    padding: 0;
    margin: 0;
    outline: 0;
}
    
    </style>
</head>
<body>
<div style="position:relative; top:10px; margin:auto; width:500px; height:100px; background-color:Aqua;  " >
<div style="background-color:Green ;">Texto Texto Texto</div>
<div style="background-color:Navy;">Otro Div, Otro Div</div>
</div>
</body>
</html>
Una imágen capturada de IE9, donde superpongo la misma área capturada de firefox y de los modos ie8 e ie7 (con internet explorer 9)






Alguien me puede dar una mano con esto y que se vea igual en todos los navegadores??
gracias.

Etiquetas: explorer7, explorer8, explorer9, firefox, internet, lineheight
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




La zona horaria es GMT -6. Ahora son las 02:41.