pero el contenedor azul no tiene un height ya establecido?
y si pruebas así:
Código HTML:
<!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>ayuda</title>
<style type="text/css">
<!--
body {
margin:0 auto;
background-color: #CCC;
}
.clear {clear:both;}
/*azul*/
#content-content {
margin:auto;
width:947px;
background:blue;
height:450px;/*altura fija no se puede cambiar*/
}
/*verde*/
#content-portada {
padding:0 12px 0 12px;
background:green;
width: auto;
height: 100%;
}
/*amarillo*/
#content-foot {
background-color:#FFFF00;
height:24px;/*altura fija no se puede cambiar*/
width:947px;
clear:both;
float:left;
bottom:0;
}
-->
</style>
</head>
<body>
<div id="content-content">
<div id="content-portada"></div>
<div id="content-foot"></div>
</div>
</body>
</html>