Hola:
Estoy haciendo una plantilla con divs y veo que me sale bien en FIREFOX y cuando intento en IE el centrado de la página no aparece, sino que se va todo a la izquieda.
Es incomprensible, porque lo he sacado todo de una página ya hecha y que presenta una solución correcta en los dos sistemas.
Debe ser algo sencillo que no veo. ¿Podéis echarle un vistazo?
El html, supersimple, es:
<?xml version="1.0" encoding="iso-8859-1"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>prueba</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="estilo.css" type=text/css rel=stylesheet>
</head>
<body>
<div id=a>
<div id=b> </div>
<div id=c> </div>
<div id=d></div>
<div id=f></div>
<div id=e></div>
<div id=g></div>
<div id=k></div>
<div id=l></div>
<div id=m></div>
<div id=n> </div>
<div id=o></div>
<div id=p></div>
</div>
</body>
</html>
Y el css:
body
{
MARGIN: 0px;
BACKGROUND-COLOR: #006600;
}
#a {
POSITION: relative;
MARGIN: 0px auto;
WIDTH: 770px;
HEIGHT: 1029px;
TOP: 14px;
BACKGROUND: #ffffff;
}
#b {
POSITION: absolute;
MARGIN: 0px;
WIDTH: 742px;
HEIGHT: 26px;
LEFT: 14px;
TOP: 81px;
BACKGROUND: #ccff00;
BORDER-TOP: #cc6600 2px solid;
}
#c {
POSITION: absolute;
MARGIN: 0px;
WIDTH: 494px;
HEIGHT: 166px;
LEFT: 262px;
TOP: 111px;
BACKGROUND: #cc99ff;
}
#d {
POSITION: absolute;
MARGIN: 0px;
WIDTH: 246px;
HEIGHT: 166px;
LEFT: 14px;
TOP: 279px;
BACKGROUND-COLOR: #000000;
}
#e {
MARGIN: 0px;
POSITION: absolute;
WIDTH: 195px;
HEIGHT: 53px;
LEFT: 14px;
TOP: 14px;
}
#f {
POSITION: absolute;
MARGIN: 0px;
HEIGHT: 166px;
WIDTH: 494px;
LEFT: 262px;
TOP: 279px;
BACKGROUND-COLOR: #ff0000;
}
#g {
POSITION: absolute;
MARGIN: 0px;
WIDTH: 742px;
HEIGHT: 24px;
TOP: 447px;
LEFT: 14px;
BACKGROUND: #000000;
}
#h {
MARGIN-TOP: 0px;
MARGIN-LEFT: 0px;
BACKGROUND: #006600;
POSITION: absolute;
WIDTH: 660px;
HEIGHT: 10px;
FONT-FAMILY: arial;
FONT-WEIGHT: bold;
}
#i {
MARGIN-TOP: 20px;
MARGIN-LEFT: 0px;
BACKGROUND: #006600;
POSITION: absolute;
WIDTH: 660px;
HEIGHT: 10px;
FONT-FAMILY: arial;
FONT-WEIGHT: bold;
TEXT-ALIGN: center;
}
#j {
POSITION: absolute;
MARGIN: 0px;
WIDTH: 246px;
HEIGHT: 166px;
LEFT: 0px;
TOP: 364px;
BACKGROUND: #00000;
}
#k {
POSITION: absolute;
MARGIN: 0px;
HEIGHT: 166px;
WIDTH: 494px;
LEFT: 14px;
TOP: 473px;
BACKGROUND-COLOR: #ff0000;
}
#l{
POSITION: absolute;
WIDTH: 246px;
HEIGHT: 114px;
LEFT: 14px;
TOP: 85px;
BACKGROUND-COLOR: #ff0000;
TEXT-ALIGN: center;
}
#m {
POSITION: absolute;
MARGIN: 0px;
WIDTH: 246px;
HEIGHT: 166px;
LEFT: 510px;
TOP: 473px;
BACKGROUND-COLOR: #000000;
}
#n {
POSITION: absolute;
MARGIN: 0px;
WIDTH: 742px;
HEIGHT: 214px;
TOP: 663px;
LEFT: 14px;
BACKGROUND: #000000;
}
#o {
POSITION: absolute;
MARGIN: 0px;
WIDTH: 742px;
HEIGHT: 114px;
TOP: 901px;
LEFT: 14px;
BACKGROUND: #000000;
}
#p {
POSITION: absolute;
MARGIN: 0px;
WIDTH: 770px;
HEIGHT: 24px;
TOP: 1029px;
BACKGROUND: #000000;
}
No puede ser más sencillo. En FIREFOX sale todo perfecto, mientras que en IE se va a la izquierda.
No tiene sentido.
Esperando vuestra respuesta,
Gracias.