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. 
**********************************************************************************************

_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Responder a