Hola a todos. Soy un poco novato en esto del diseño web pero la duda que tengo la he simplificado en un pequeño ejemplo.
El problema es que no consigo hacer que se visalice un simplísimo texto formateado con un estilo css en IE9 de forma correcta. En FF, chrome, safari o incluso en las versiones anteriores de IE funciona correctamente pero en IE9 no.
El código es el siguiente:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head><title>hola 3</title>
<style type="text/javascript">
div {
font-family: verdana, helvetica;
font-size: 10px;
}
</style>
</head>
<body>
<div>
Hace ya tiempo que la mayoria de paginas webs incluyen a su comienzo una misteriosa etiqueta DOCTYPE, y sin embargo hay mucha gente que ignora cual es su significado o para que sirve, por lo que simplemente se limita a copiarla, haciendolo ademas muchas veces de forma incorrecta.
</div>
</body>
</html>
Como decía esto se ve como se debe ver en FF, chrome, safari y las versiones anteriores a IE9, pero en IE9 se ve el texto mas pequeño y junto y cutre, no parece un mayor problema pero cuando tengo una página web mucho más compleja es un desastre. Si elimino la etiqueta <!DOCTYPE> entonces funciona correctamente en todos los navegadores pero necesito esa etiqueta para estandarizar mi código.
Os agradecería si alguien puede explicarme porque sucede esto y si hay alguna solución.