Hola a todos:
Ya no puedo más, FireFox muestra el contenido como yo quiero, pero con IE no lo logro. El box del medio, en IE, unas veces no aparece y otras aparece más bajo de lo que quiero. Quiero que esté encuadrado en el centro. Podeis ver lo que me gustaría tener en FF. ¿Sabeis que puede estar ocurriendo?
Os dejo el código y el link.
Gracias, un saludo, ChikiChiki.
Código HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title></title>
<style>
body {
margin:9px 9px 9px 9px;
padding:0;
background:#333300;}
#level0 {
padding-bottom: 9px;
background: #333300;}
#cabecera {
top: 9px;
left: 9px;
height: 90px;
background: #FFCC66;}
#level1 {
background: #FFCC00;
position: relative;
width:100%;}
#level2 {
margin-left: 143px;
padding-left: 9px;
background: #333300;}
#level3{
background: #FFFF66;}
#level4 {
margin-right: 143px;
padding-right: 9px;
background:#333300;}
#main {
background:#CCCC66;}
#level5 {
padding-top:9px;
background:#333300;}
#footer {
background:#FFCC66;}
#lftBar {
position: absolute;
width: 143px;
top: 0px;
left: 0px;}
#rgtBar {
position: absolute;
width: 143px;
top: 0;
right: 0;}
</style>
</head>
<body>
<div id="level0">
<div id="cabecera">
Aquí va la cabecera
</div>
</div>
<div id="level1">
<div id="lftBar">
Estamos en el lado Izquierdo.
</div>
<div id="level2">
<div id="level3">
<div id="rgtBar">
Estamos en la zona derecha.
</div>
<div id="level4">
<div id="main">
Estamos en Main <br />
Estamos en Main <br />
Estamos en Main <br />
Estamos en Main <br />
Estamos en Main <br />
Estamos en Main <br />
Estamos en Main <br />
Estamos en Main <br />
Estamos en Main <br />
Estamos en Main <br />
Estamos en Main <br />
Estamos en Main <br />
Estamos en Main <br />
Estamos en Main <br />
Estamos en Main <br />
Estamos en Main <br />
Estamos en Main <br />
Estamos en Main <br />
Estamos en Main <br />
Estamos en Main <br />
Estamos en Main <br />
Estamos en Main <br />
Estamos en Main <br />
</div>
</div>
</div>
</div>
</div>
<div id="level5">
<div id="footer">
Aquí va el pie.
</div>
</div>
</body>
</html>