DIV adjunto a la parte inferior de la ventana

Question

He leído algunas de las otras publicaciones sobre cómo hacer que un DIV se adjunte a la parte inferior de la ventana gráfica, y he implementado una solución con éxito, pero me estoy encontrando con un poco de un problema.

A: http://s222894377.onlinehome.us/

Usted puede ver que hay una imagen estirada 100% en un DIV que creé y que se adjunta. El DIV superior está configurado a la altura: 100%;

Pero está ocupando demasiado espacio vertical y estoy tratando de compensar su efecto en la altura total.

La estructura es:

he intentado variaciones en los márgenes negativos a la márgenes superior e inferior y el relleno para compensar la altura del encabezado, pero no han descubierto todavía .

Si alguien tiene algunas sugerencias, sería muy apreciado.

Gracias de antemano,

mm

Answer 1

Si están tratando de conectar algo a la parte inferior de la ventana del navegador y mantenerlo allí, tal vez usted podría estar interesado en la CSS position: atributo?

http://www.w3schools.com/Css/css_positioning.asp

Específicamente, position: fixed; y luego especifique bottom: 0; para unir la parte inferior de algo a la parte inferior del navegador.

Answer 2

No estoy seguro de si estoy leyendo el problema correctamente, pero la única cosa que viene a la mente es usar algo como:

div#content_block 
{position: absolute; 
top: 3em; /* basically this is 0 + vertical-height of the header; adjust to taste */ 
left: 0; /* assuming you want the div to stretch across the viewport */ 
right: 0; 
bottom: 3em; /* 0 + vertical-height of footer */ 
overflow: auto; 
} 

Pero esto se siente horrible, y no puedo evitar pero piensa que se podría lograr una solución mejor con una comprensión más clara de tu problema.

¿Existe alguna posibilidad de que pueda publicar (o vincular) una imagen que describa su diseño previsto? Con los márgenes relevantes y los off-sets agregados? Además, publicar su código sería una buena idea (css y html).

Answer 3

Creo que vas a tener problemas si intentas especificar una altura en tu div superior. Se vuelve complicado y complicado hacerlo de esta manera.

Prueba esto:

En su div contenido superior, no establezca una altura; pero do establece el relleno inferior a 100px, o un poco más de valor que permite que el div inferior muestre todo su contenido sin superposición. De esta manera, su contenido principal fluirá normalmente, y ocupará tanto espacio como necesite, pero no será interferido por el div inferior.