Foros del Web - Ver Mensaje Individual - Color diferente en parte inferior del sitio segun la resolución

sanxuan · #2 (**permalink**) 24/02/2011, 16:16

Puedes probar con algo así. No necesita javascript.
El pie tambíen puede ocupar la posición inferior de la página si es necesario con algunos cambios.

Código HTML:

Ver original<!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>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<style type="text/css">
html,body{
    height: 100%;
    margin:0;
    background:#fff;
}
#contenedor{
    width:980px;
    height:100%;
    margin:0 auto;
    background:#f00; /* Aquí el fondo bajo el pie que puede ser una imagen */
}
#contenido{
    min-height:300px; /* puede eliminarse para adaptarse al contenido */
    background:#00f;
}
#pie{
    min-height:90px; /* puede eliminarse para adaptarse al contenido */
    background:#0f0;
}
</style>
</head>
<body>
<div id="contenedor">
    <div id="contenido"></div>
    <div id="pie"></div>
</div>
</body>
</html>