Bueno, al final no era tan tan difícil (no lo era, pero fue para echarme mérito y ganar reputación
)
Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Anarko</title>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<style type="text/css">
body { background: silver none repeat scroll 0%;
}
#padre { background-color: rgb(0, 102, 0);
width: 100%;
overflow: auto;
display: table;
}
#rojo { border: 2px solid rgb(255, 255, 255);
padding: 10px;
background-color: rgb(204, 0, 0);
width: 50%;
display: table-cell;
height: 100%;
}
#verde { border: 2px solid rgb(255, 255, 255);
padding: 10px;
width: 50%;
height: 100%;
display: table-cell;
}
</style>
<!--[if IE]>
<style>
#padre { border: 2px solid rgb(255, 255, 255);
height: 10px;
overflow: visible;
}
#rojo { border: none;
border-right: 2px solid rgb(255, 255, 255);
float: left;
}
#verde { float: right;
border: none;
border-left: 2px solid rgb(255, 255, 255);
width: 49.9%;
}
</style>
<![endif]-->
</head>
<body>
<div id="padre">
<div id="rojo">
<p>Dato A</p>
<p>Dato B</p>
</div>
<div id="verde">
<p>Dato 1</p>
<p>Dato 2</p>
<p>Dato 3</p>
<p>Dato 4</p>
<p>Dato 5</p>
<p>Dato 6</p>
</div>
</div>
</body>
</html>
La verdad es que es jodido, pero creo que ha caído.
El 49.9% es por IE7, que con el 50% IE6 lo hace bien. Por cierto, este código valida perfectamente.
Ya nos contarás cómo lo vés.
Mikel.