El pie de página se queda en el aire

[AnsuR]

Holas que tal, tengo un problemita, miren:





Lo que esta remarcado en color verde, es el pie de pagina que tiene los siguientes valores:

Código:

#pie{
    position: absolute;
    left:16px;
    top:800px;
    width:870px;
    height:20px;
    background-color:#F5F5F5;
    border-top: 1px solid #B7D2DD;
    border-bottom: 1px solid #B7D2DD;
    font-size:12px Arial #000;
    text-align: center;
    padding-top: 5px;
}

Bueno, el problema, como veran en la imagen, es que me queda colgado, ahi en el aire, y si modifico el estilo para ponerlo mas abajo, en las demas paginas donde no hay tanto texto, me queda semejante espacio y el pie de pagina muy abajo.

Quiciera saber como hacer para que el pie de página se acomdo automaticamente cuando hay que escribir mucho texto.

Nose si me explico...

[DragonX]

#pie{
position: absolute;
left:16px;
width:870px;
height:20px;
background-color:#F5F5F5;
border-top: 1px solid #B7D2DD;
border-bottom: 1px solid #B7D2DD;
font-size:12px Arial #000;
text-align: center;
padding-top: 5px;
bottom: 0;
}

[Snd234]

En la imagen sale con DW, el problema ocurre visualizando la pagina con algun explorador???

El modo de diseño de DW es casi igual a IE6 xD

[AnsuR]

Al DW no le doy bola, la onda es el navegador, y se ve tal cual como esta la imágen, probé con el bottom 0, pero tampoco, sigue flotando ahi en el aire, nose que hacer :S

[DragonX]

raro..... pasame la url del sitio.

[AnsuR]

Aca esta el link

http://www.css.gov.ar/planeamiento/misionfunciones.php

[Snd234]

La pagina la encuentro mal maquetada.
El footer se queda al medio porle le dices que su posicion sea de 806px mas abajo respecto al tope de la pagina, siendo que tu contenido supera ese alto.

Te recomiendo usar contenedores mas generales, es decir...

Código PHP:

  <div id="contenedor_principal">
    <div id="header">Aqui todo lo que valla en el header</div>
    <div id="menu_izq">Aqui lo que valla en el menu izquierdo</div>
    <div id="contenido">Aqui todo tu contenido</div>
    <div id="menu_der">Aqui lo que valla en el menu derecho</div>
    <div id="footer">Aqui el pie de pagina</div>
</div> 
   

[AnsuR]

A ver, voy a probar asi, pasa que yo exporte a css directo desde el photoshop :$