Hola quería saber como hago para que una div se adapte a otra que esta abajo, Por ejemplo yo tengo la div que se llama contenido y debajo de esta otra que es donde esta la información (datos como copyright, dirección, tel etc) pero según cuanto ocupe de largo el div contenido me tapa el div de abajo que es donde esta la info!!!, me entiendennn.... si alguien me puede ayudarrrr se los agradeceriaaaa de verdadd... saludos!!!!!
envio el html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Documento sin título</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
<style type="text/css">
<!--
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
-->
</style>
<link href="estilos/volanta.css" rel="stylesheet" type="text/css">
<link href="estilos/TITULO.css" rel="stylesheet" type="text/css">
<link href="estilos/copete.css" rel="stylesheet" type="text/css">
<link href="estilos/cuerpo.css" rel="stylesheet" type="text/css">
<link href="estilos/epigrafe.css" rel="stylesheet" type="text/css">
<link href="estilos/subtitulos.css" rel="stylesheet" type="text/css">
<link href="estilos/TITULO.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
@import url("estilos%20css/cuerpo.css");
@import url("estilos%20css/volanta.css");
-->
</style>
<link href="estilos%20css/PIE%20normal.css" rel="stylesheet" type="text/css">
<link href="estilos%20css/PIEnegrita.css" rel="stylesheet" type="text/css">
<link href="estilos%20css/PIEmails.css" rel="stylesheet" type="text/css">
</head>
<body bgcolor="#F2F0ED" link="#FFFFFF" vlink="#FFFFFF" alink="#84C225">
<div id="TOP" style="position:absolute; left:23px; top:13px; width:750px; height:200px; z-index:1">[contenido no disponible]</div>
<div id="menu" style="position:absolute; left:23px; top:225px; width:138px; height:372px; z-index:2; background-image: url(imagenes/fondo-botonera.png); layer-background-image: url(imagenes/fondo-botonera.png); border: 1px none #000000;">
<table width="138" height="366" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="51" align="center" valign="middle"><font color="#FFFFFF" size="2" face="Arial, Helvetica, sans-serif">Institucional</font></td>
</tr>
<tr>
<td height="41" align="center" valign="middle"><font color="#FFFFFF" size="2" face="Arial, Helvetica, sans-serif"><a href="index.htm" target="_top">Evolución
de Precios</a></font></td>
</tr>
<tr>
<td height="47" align="center" valign="middle"><font color="#FFFFFF" size="2" face="Arial, Helvetica, sans-serif">Clima</font></td>
</tr>
<tr>
<td height="40" align="center" valign="middle"><font color="#FFFFFF" size="2" face="Arial, Helvetica, sans-serif">Noticias</font></td>
</tr>
<tr>
<td height="50" align="center" valign="middle"><font color="#FFFFFF" size="2" face="Arial, Helvetica, sans-serif"><a href="MBagricolas.htm" target="_top">Márgenes
Brutos Agrícolas</a></font></td>
</tr>
<tr>
<td height="55" align="center" valign="middle"><font color="#FFFFFF" size="2" face="Arial, Helvetica, sans-serif"><a href="MBganaderos.htm" target="_top">Márgenes
Brutos Ganaderos</a></font></td>
</tr>
<tr>
<td height="37" align="center" valign="middle"><font color="#FFFFFF" size="2" face="Arial, Helvetica, sans-serif">Costos</font></td>
</tr>
<tr>
<td align="center" valign="middle"><font color="#FFFFFF" size="2" face="Arial, Helvetica, sans-serif">Contacto</font></td>
</tr>
</table>
</div>
<div id="contenido" style="position:absolute; left:171px; top:225; width:462px; height:200px; z-index:3; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000;">[contenido no disponible]
<table width="450" height="207" border="0" align="center" cellpadding="0" cellspacing="0" bordercolor="#FFFFFF">
<tr>
<td height="150" align="center" valign="top">
<div align="left" class="cuerpo">Infodelsudeste
se creó para proveer desde el sudeste bonaerense, información
actualizada dirigida a todos aquellos relacionados con la actividad
agropecuaria.
A través de www.infodelsudeste.com encontrará información
climática y de mercados, noticias de actualidad, costos para
diferentes actividades y márgenes brutos agrícolas y ganaderos.
Deseo que este portal logre satisfacer sus expectativas, lo invito
a enviarme sus ideas, opiniones o sugerencias.</p>
</div>
<p align="left" class="cuerpo">Atte. Adrián Eliseche
<span class="volanta">Lic. en Administración Agraria</span></p></td>
</tr>
</table>
[contenido no disponible]</p>
</div>
<div>
<div id="publi1" style="position:absolute; left:643px; top:225; width:130; height:68px; z-index:5">[contenido no disponible]</div>
<div id="publi2" style="position:absolute; left:643px; top:337; width:130; height:85px; z-index:6">[contenido no disponible]</div>
<div id="publi3" style="position:absolute; left:643px; top:450; width:130; height:79px; z-index:7">[contenido no disponible]</div>
</div>
<div id="PIE" style="position:absolute; left:171px; top:549px; width:462px; height:88px; z-index:1;" class="cuerpo">
<p align="center" class="PIEnormal"><span class="PIEnegrita">INFO</span>del<span class="PIEnegrita">sudeste</span>.com,
2008. Todos los derechos reservados.
L.N. Alem 269 - (0223) 15 550 8787 - Lobería - Buenos Aires - Argentina</p>
<p align="center" class="PIEmails">DISEÑO [correo eliminado] - PROGRAMACION
[correo eliminado]</p>
</div>
</body>
</html>
envio el html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Documento sin título</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
<style type="text/css">
<!--
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
-->
</style>
<link href="estilos/volanta.css" rel="stylesheet" type="text/css">
<link href="estilos/TITULO.css" rel="stylesheet" type="text/css">
<link href="estilos/copete.css" rel="stylesheet" type="text/css">
<link href="estilos/cuerpo.css" rel="stylesheet" type="text/css">
<link href="estilos/epigrafe.css" rel="stylesheet" type="text/css">
<link href="estilos/subtitulos.css" rel="stylesheet" type="text/css">
<link href="estilos/TITULO.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
@import url("estilos%20css/cuerpo.css");
@import url("estilos%20css/volanta.css");
-->
</style>
<link href="estilos%20css/PIE%20normal.css" rel="stylesheet" type="text/css">
<link href="estilos%20css/PIEnegrita.css" rel="stylesheet" type="text/css">
<link href="estilos%20css/PIEmails.css" rel="stylesheet" type="text/css">
</head>
<body bgcolor="#F2F0ED" link="#FFFFFF" vlink="#FFFFFF" alink="#84C225">
<div id="TOP" style="position:absolute; left:23px; top:13px; width:750px; height:200px; z-index:1">[contenido no disponible]</div>
<div id="menu" style="position:absolute; left:23px; top:225px; width:138px; height:372px; z-index:2; background-image: url(imagenes/fondo-botonera.png); layer-background-image: url(imagenes/fondo-botonera.png); border: 1px none #000000;">
<table width="138" height="366" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="51" align="center" valign="middle"><font color="#FFFFFF" size="2" face="Arial, Helvetica, sans-serif">Institucional</font></td>
</tr>
<tr>
<td height="41" align="center" valign="middle"><font color="#FFFFFF" size="2" face="Arial, Helvetica, sans-serif"><a href="index.htm" target="_top">Evolución
de Precios</a></font></td>
</tr>
<tr>
<td height="47" align="center" valign="middle"><font color="#FFFFFF" size="2" face="Arial, Helvetica, sans-serif">Clima</font></td>
</tr>
<tr>
<td height="40" align="center" valign="middle"><font color="#FFFFFF" size="2" face="Arial, Helvetica, sans-serif">Noticias</font></td>
</tr>
<tr>
<td height="50" align="center" valign="middle"><font color="#FFFFFF" size="2" face="Arial, Helvetica, sans-serif"><a href="MBagricolas.htm" target="_top">Márgenes
Brutos Agrícolas</a></font></td>
</tr>
<tr>
<td height="55" align="center" valign="middle"><font color="#FFFFFF" size="2" face="Arial, Helvetica, sans-serif"><a href="MBganaderos.htm" target="_top">Márgenes
Brutos Ganaderos</a></font></td>
</tr>
<tr>
<td height="37" align="center" valign="middle"><font color="#FFFFFF" size="2" face="Arial, Helvetica, sans-serif">Costos</font></td>
</tr>
<tr>
<td align="center" valign="middle"><font color="#FFFFFF" size="2" face="Arial, Helvetica, sans-serif">Contacto</font></td>
</tr>
</table>
</div>
<div id="contenido" style="position:absolute; left:171px; top:225; width:462px; height:200px; z-index:3; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000;">[contenido no disponible]
<table width="450" height="207" border="0" align="center" cellpadding="0" cellspacing="0" bordercolor="#FFFFFF">
<tr>
<td height="150" align="center" valign="top">
<div align="left" class="cuerpo">Infodelsudeste
se creó para proveer desde el sudeste bonaerense, información
actualizada dirigida a todos aquellos relacionados con la actividad
agropecuaria.
A través de www.infodelsudeste.com encontrará información
climática y de mercados, noticias de actualidad, costos para
diferentes actividades y márgenes brutos agrícolas y ganaderos.
Deseo que este portal logre satisfacer sus expectativas, lo invito
a enviarme sus ideas, opiniones o sugerencias.</p>
</div>
<p align="left" class="cuerpo">Atte. Adrián Eliseche
<span class="volanta">Lic. en Administración Agraria</span></p></td>
</tr>
</table>
[contenido no disponible]</p>
</div>
<div>
<div id="publi1" style="position:absolute; left:643px; top:225; width:130; height:68px; z-index:5">[contenido no disponible]</div>
<div id="publi2" style="position:absolute; left:643px; top:337; width:130; height:85px; z-index:6">[contenido no disponible]</div>
<div id="publi3" style="position:absolute; left:643px; top:450; width:130; height:79px; z-index:7">[contenido no disponible]</div>
</div>
<div id="PIE" style="position:absolute; left:171px; top:549px; width:462px; height:88px; z-index:1;" class="cuerpo">
<p align="center" class="PIEnormal"><span class="PIEnegrita">INFO</span>del<span class="PIEnegrita">sudeste</span>.com,
2008. Todos los derechos reservados.
L.N. Alem 269 - (0223) 15 550 8787 - Lobería - Buenos Aires - Argentina</p>
<p align="center" class="PIEmails">DISEÑO [correo eliminado] - PROGRAMACION
[correo eliminado]</p>
</div>
</body>
</html>