Le agregue un poco de JS para acomodar los DIVs. También fijate en tu CSS le agregue, en el body
padding: 0, esto es para que en Opera no se quden unos espacios alrededor del cuadro.
Código HTML:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Maquetacion</title>
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding: 0; /* Opera */
}
#Content {
width: 100%;
height: 100%;
}
#seccion1 {
height: 69px;
width: 100%;
background-color: #FFCC00;
}
#seccion2 {
width: 235px;
background-color: #009933;
float: left;
}
#seccion3 {
margin-left: 235px;
background-color: #0033CC;
}
-->
</style>
<script language = "javascript" type="text/javascript">
matchHeight = function() {
divContent = document.getElementById('Content');
if(divContent.offsetHeight){
altura_divContent = document.getElementById('Content').offsetHeight;
altura_seccion1 = document.getElementById('seccion1').offsetHeight;
} else {
altura_divContent = document.getElementById('Content').style.pixelHeight;
altura_seccion1 = document.getElementById('seccion1').style.pixelHeight;
}
document.getElementById('seccion2').style.height = altura_divContent - altura_seccion1 + 'px';
document.getElementById('seccion3').style.height = altura_divContent - altura_seccion1 + 'px';
}
window.onresize = function() {
matchHeight();
}
window.onload = function() {
matchHeight();
}
var appName = navigator.userAgent.toLowerCase();
if( appName.indexOf("opera") > 0 && String(parseFloat(appName.substr(appName.indexOf("opera") + 6 ))) < 8 ) {
setInterval("matchHeight()",500);
}
</script>
</head>
<body>
<div id="Content">
<div id="seccion1">Encabezado</div>
<div id="seccion2">Menu</div>
<div id="seccion3">Base Contenido</div>
</div>
</body>
</html>