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>
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*/
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
