Hola Ve si esto te sirve:
Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<style type="text/css">
#tota_web {
margin:auto;
background-color:yellow;
width:1024px;
height:auto;
z-index:1;
display:table;
}
#capsalera{
width:1024px;
height:100px;
background-color:#09F;
margin-bottom:5px;
}
#peu{
width:1024px;
margin-top:5px;
height:30px;
background-color:#F00;
margin-bottom:5px;
float:left;
}
#menu {
background-color:#C9F;
padding-left:5px;
width:1019px;
overflow:hidden;
display:compact;
float:left;
margin-bottom:5px;
}
#contingut {
display:table;
width:512px;
height:230px;
background-color:#C3F;
float:left;
}
#zona_dreta {
position:relative;
width:508px;
background-color:#0FF;
float:left;
padding-left:4px;
display:table-column;
height:230px;
}
</style>
</head>
<body>
<div id="tota_web">
<div id="capsalera">Cabecera</div>
<div id="menu"> Menú<br />
</div>
<div id="contingut">
Contenido
</div>
<div id="zona_dreta">Menu opciones<br />
Este tiene que ser igual de largo que el lila
</div>
<div id="peu">
<p>pie</p>
</p>
</div>
</div>
<br />
</body>
</html>