Hola, ya casi terminé una web y necesito agregarle un DIV con el copyright abajo de todo, en la parte inferior de la página, no me sirve poner "top:100%" porque no sé cuál va a ser el alto de la página
y no puedo :( ...
este es el código fuente:
Código HTML:
<body>
<html>
<head>
<link href="estilos.css" rel="stylesheet" type="text/css" />
<noscript>Habilite la ejecución de script en su navegador</noscript>
<!--el logo y el formulario para el buscador-->
<div class="cabezeras">
(LOGO EN FLASH)</div>
<!--El menú izquierdo que muestra las categorías y los productos populares-->
<div class="menu-izquierdo">
<?php include("mostrar-todas-categorias.php"); ?>
</div>
<!--El menú derecho que muestra el producto especial-->
<div class="producto-especial">
<?php include("producto-especial.php"); ?>
</div>
<div style="position: absolute;
top : 39%;
left : 20%;
width : 60%;">
<center>
ACA ESTÁ EL CONTENIDO
</center></div>
</div>
</body>
</html>
y este es el código fuente de
estilos.css:
Código HTML:
div.cabezeras{
height:98px;
}
div.body{
background: #FBFBFB;
padding: 0;
margin: 0;
}
div.producto-especial{
position: absolute;
top: 45%;
right: 1%;
width: 20%;
font-weight: normal;
line-height: 30px;}
div.menu-izquierdo{
position:absolute;
top:39%;
left: 1%;
width: 20%;
font-weight: normal;
line-height: 30px;
}
/*para los bordes redondeados en los divs*/
div#nifty{margin:5%; background:#D5ECFF;}
b.rtop, b.rbottom{display:block;background: #FFF}
b.rtop b, b.rbottom b{display:block;height: 1px;
overflow: hidden; background: #D5ECFF;}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}
/*fin bordes redondeados*/
El menú izquiero es este:
como pueden ver yo no sé qué tamaño va a tener de alto (porque se agregan productosy categorías por medio de un script en php) pasa lo mismo con el contenido del "medio", me refiero a esto:
bueno... espero que alguien me pueda decir cómo se puede hacer lo que yo quiero: un DIV que esté abajo de todo...
gracias de antemano