[Ovillo] Problemas diseño cabecera-cuerpo-pie

Mar Oct 2 08:48:43 UTC 2007

Hola,

Quiero un diseño fluido con cabecera y pie fijos de tamaño y posición, y el cuerpo que ocupe el resto, pero necesito que lo rellene. 

Le he dado vueltas y vueltas pero no doy con la solucion  ¿no puede se tan complicado?

He conseguido este codigo que con Firefox funciona, pero con IE no:

<!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" xml:lang="es" lang="es">
<head>

<style>
	html, body{
		height:100%;
		margin:0px;
		padding:0px;
		}

	#cabecera{
		position:absolute;
		height: 65px;
		width:80%;
		left:0px;
		top:0px;
		border: solid 1px yellow;
	}

	#contenido{
		position: absolute;
		width: 90%;
		top: 65px;
		bottom: 30px;

		border: solid 1px red;
	}

	#pie{
		position:absolute;
		height:25px;
		width:80%;
		left:0px;
		bottom:0px;

		border: solid 1px blue;
	}

	#masContenido{

		height: 100%;
		width: 85%;
		border: solid 1px cyan;
	}
</style>

  </head>
  <body>
  	<div id="cabecera">cabecera</div>
	<div id="contenido">
		<div id="masContenido">esto debe ocupar todo el espacio</div>
	</div>
	<div id="pie">pie</div>
  </body>
</html>
**********************************************************************************************
El consumo de papel es perjudicial para el medio ambiente. Por favor, téngalo en cuenta antes de imprimir 
este mensaje.

AVISO LEGAL: Este mensaje y sus anexos pueden contener información confidencial o legalmente protegida. 
Está dirigido únicamente a la persona o entidad reseñada como destinatarios del mensaje. Si este mensaje le 
hubiera llegado por error, por favor elimínelo sin revisarlo ni reenviarlo y notifíquelo inmediatamente al 
remitente. 
**********************************************************************************************