sobre pie pagina

yuo2 · #1 (**permalink**) 03/02/2012, 21:27

Pues siempre he sido de la costumbre de definir el alto del tamaño del cuerpo y luego el pie de pagina.

Pero ahora intente no definir el alto del cuerpo de pagina y ver si el pie de pagina en realidad se posiciona abajo osea en la parte inferior del navegador y no abajo de la capa div del cuerpo y del contenedor.

Es posible que el pie de pagina se posicione en la parte inferior del navegador a pesar que el cuerpo a pesar de no tener altura definida ??

Aqui dejo mi script.

Código CSS:

Ver originalCopiarbody
    {
    font-family:Arial, Helvetica, sans-serif;
    background-color:#d1d1d1;
    margin:0px auto;
    width:100%;
    height:100%;
}
 
#contenedor {
width:100%;
height:100%;
background-color:#d1d1d1;
}
 
#cabecera{
background-color:#FFFFCC;
width:100%;
height:120px;
 
}
 
#cuerpo{
background-color:#D1D1D1;
width:100%;
height:60%;
float:left;
}
 
#pie
{
color:#FFFFFF;
background-color:#333333;
height:80px;
clear:both;
}

Código HTML:

Ver originalCopiar<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<head>
<link href="estilo.css" rel="stylesheet" type="text/css" media="screen" charset="utf-8" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ejemplo</title>
 
</head>
 
 
<body>
 
<div id="contenedor">
 
    <div id="cabecera">
    Cabecita
    </div>
 
    <div id="cuerpo">Cuerpo 
    </div>
    
</div>
 
<div id="pie">
 aqui ira el pie de pagina
</div>
    
</body>
</html>

Carlangueitor · #2 (**permalink**) 03/02/2012, 21:47

Mira esto: http://www.araudi.net/ejemplos/pie_siempre_abajo.html

Saludos