He estructurado los divs de esta forma (Por favor disculpen lo largo de la imagen):
Los estilos: El Body:
body {
font-family:
Tahoma, Verdana, Arial, Helvetica, sans-serif font-size:
10pt text-align:
left color:
#42462C background-image:
url(./Imagenes/back1.png) margin:
0px height:
100%
}
El contenedor de página: #contenido {
text-align:
center vertical-align:
middle margin-top:
-250px margin-left:
-360px position:
absolute top:
50% left:
50% width:
720px height:
auto !important
}
La capa de contenido:
#Tabla_01 {
position:
absolute padding-bottom:
40px height:
auto
}
El pie: #pie {
width:
100% bottom:
0 !important height:
40px
}
(Lo del explorer pienso ajustarlo de último, por ahora estoy haciendo las pruebas con Firefox)
Miren cómo se ve la página cuando el contenido aumenta. Se desborda sin remedio:
Un detalle importante: Los divs que están encerrados en el contenedor #pie tienen posiciones absolutas con top y left definidos. Sé que ese es el problema, pero si los dejo "sueltos" se van para arriba sin hacer caso a que están contenidos por ese #pie. Webosiris me dijo que los divs no se gestionan al igual que las tablas, es verdad y ya tengo días estancado con esto. Lo curioso es que en Google no me ha salido ninguna solución que responda a esto. Quizás no he estado buscando con las palabras adecuadas.
Saludos.