problemas con una capa

[Tecna]

Buenas,

la mejor manera de aprender es leer mucho y practicar haciendolo uno mismo, probando cada cambio para ver sus efectos. Te pongo un ejemplo que había hecho para otro hilo de tamaños relativos que se ajustan al contenido y al tamaño de la ventana. Probado en firefox y opera y funciona bien tanto con poco contenido como con mucho. Con este código:

Código HTML:

<div id="cabecera">
</div>
<div id="contenido">
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent sed ....</p>
 
        <p>Quisque eget semper urna. Nunc vitae enim erat. Curabitur sem diam, molestie..... </p>
 
        <p>Quisque porta quam eu justo ultricies ac fringilla odio condimentum. Donec dignissim ligula ......</p>
 
        <p>Mauris porttitor orci id purus consectetur tincidunt. Integer eleifend, lacus in pulvinar aliquam, nunc tellus cursus mi, et aliquam ......</p>
 
        <p id="ultimo">Nunc sed nulla quis risus adipiscing accumsan lacinia in diam. Aenean eu velit libero. In interdum interdum dui vitae..... </p>
 
</div>
 

y este:

Código CSS:

html {height: 100%;}
 
body{
        background: url(fichero_imagen) repeat;
        width: 90%;
        margin: 0 auto;    /* para centrar la página */
        height: 100%;
        min-height: 600px;    /* medidas mínimas */
        min-width: 800px;
}
 
#cabecera {
        height: 20%; 
        background: #ff0;
}
 
#contenido {
        background: url(fichero_imagen) repeat-x center bottom; /* para fijar la imagen que hace de pie en el lado inferior de la ventana */
        min-height: 79%;
}
 
p {margin: 7px;}
 
#ultimo {padding-bottom: 100px;} /* para que no se pegue la imagen que hace de pie al texto del último párrafo */