22/02/2007, 16:16
|
 | Colaborador | | Fecha de Ingreso: octubre-2006 Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 17 años, 6 meses Puntos: 280 | |
| Re: Cosas Basicas: Pie de pagina que se queda en el fondo
Hola, Axterixv.
Puedes probar este código en FF2 y en IE7 a ver si funciona bien:
Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<title>Footer</title>
<style type="text/css">
* { margin: 0px;
padding: 0px;
}
html, body { height: 100%;
}
#contenedor {background-color: rgb(255, 204, 0);
min-height: 92%;
height: auto !important;
height: 92%;
}
#pie { background-color: rgb(102, 0, 0);
height: 3em;
color: white;
text-align: center;
}
#pie p { line-height: 3em;
}
</style>
</head>
<body>
<div id="contenedor">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Phasellus diam mauris, blandit a, vestibulum non, condimentum in,
dolor. Quisque non libero. Nulla pellentesque lobortis odio. Donec
sapien pede, tristique eget, auctor sed, vestibulum sed, felis. Ut nisi
tellus, scelerisque ac, lobortis sit amet, eleifend fermentum, odio. Ut
ornare nunc sit amet massa. </p>
<p>Nunc vitae dolor. Aliquam a nunc sed erat convallis tempus. Ut
non dui sed nisi vehicula condimentum. Donec venenatis convallis tortor.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Proin vitae
nisi. Sed rutrum neque ut mi. Phasellus vulputate sagittis est.
Phasellus viverra ullamcorper erat. Nam vehicula, nisi in commodo
tempus, justo augue ullamcorper tortor, nec cursus nisi lectus vel est.
Ut luctus, arcu non luctus convallis, tortor neque dapibus lorem, sit
amet tempus nisl est vitaenisl. Aenean enim est, facilisis nec, commodo
in, suscipit eu, purus. Nullam at turpis. Suspendisse potenti. Donec
pretium. Donec a diam at augue tempus congue. Praesent aliquam
convallis dui. Sed magna. Vestibulum gravida scelerisque arcu. Fusce eu
mi. Aliquam tortor sem, fringilla id, viverra ullamcorper, eleifend sit
amet, ante. Mauris gravida. Praesent in magna nec sem ullamcorper
porttitor. Fusce mi nibh, lacinia non, auctor nec, hendrerit eget,
nibh. Nulla lobortis tempus eros.
</p>
</div>
<div id="pie">
<p>Todos los derechos reservados</p>
</div>
</body>
</html>
Ya contarás lo que sea.
Mikel. |