<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es-es">
<head>
<title>Pie siempre abajo - Recursos CSS - araudi.net</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="Keywords" content="recursos, css, diseño web, xhtml, software libre" />
<meta name="Description" content="Pie siempre abajo - Recursos CSS - araudi.net" />
<meta name="Author" content="Mikel Morote Donazar - Praxis Iruñea SLL" />
<meta name="Subject" content="Recursos CSS" />
<meta name="Language" content="español" />
<meta name="Robots" content="index, follow" />
<link rel="alternate" href="http://www.araudi.net/indice.html" title="Indice de contenidos" media="all" lang="es" />
<style type="text/css">
* { padding:0; margin:0; outline: 0;}
html, body {height:100%;
font-family: Verdana, arial, sans-serif;
font-size: 1em;
outline: 0;
position:absolute;
}
p {margin-top: 1em;}
#contenedor { min-height:100%;
height: auto!important;
height:100%;
}
#cabecera {height: 4em;
background-color: #399;
color: #fff;
text-align: center;
}
#contenido {padding: 1em;}
#pie {text-align: center;
background-color: #366;
color: #fff;
height: 3em;
margin-top: -3em;
}
.ejemplo {position:relative; top: 0.5em;
font-size: 1.2em;
}
a {text-decoration: none;}
a span.añadido {display: none;}
a:focus, a:active {display: block;}
a:focus span.añadido, a:active span.añadido {display: block;color: #000;}
.corte {clear: both;padding-top: 4em;}
span.mastexto {display: block; margin-top: 1em;}
</style>
</head>
<body>
<div id="contenedor">
<div id="cabecera">
<span class="ejemplo">Cabecera</span>
</div>
<div id="contenido">
<table width="1500" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
</tr>
</table>
</div>
<div class="corte"></div>
</div>
<div id="pie">
<span class="ejemplo">Pie</span>
</div>
</body>
</html>