Hola, tengo problemas para que un diseño me quede igual en todos los navegadores, analizando, creo que llegué a la cuestión del asunto,
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)
Imagen:
http://www.subirimagenes.com/imagen-ejemocss-6796372.html
Alguien me puede dar una mano con esto?
gracias.