DIV Attaccato al fondo della Viewport

Question

Ho letto alcune delle altre recensioni su come ottenere un DIV per attaccare al fondo della finestra - e ho implementato una soluzione con successo, ma sto correndo in un un po 'di un problema.

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

Si può vedere c'è un'immagine allungata del 100% in un DIV ho creato e attaccato. Il DIV sopra è impostato in altezza: 100%;

Ma sta prendendo un po 'troppo spazio verticale e sto cercando di compensare il suo effetto sul l'altezza complessiva.

La struttura è:

ho provato variazioni sull'impostazione margini negativi per i margini superiore e inferiore e imbottitura per compensare l'altezza di testa, ma non hanno ancora capito .

se qualcuno ha qualche suggerimento - che sarebbe molto apprezzato.

Grazie in anticipo,

millimetri

Answer 1

se si sta cercando di attaccare qualcosa alla parte inferiore della finestra del browser e tenerlo lì, forse si potrebbe essere interessato al CSS position: attributi?

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

In particolare, position: fixed; e quindi specificare bottom: 0; per fissare il fondo di qualcosa alla parte inferiore del browser.

Answer 2

Non sono sicuro se sto leggendo il tuo problema in modo corretto, ma l'unica cosa che mi viene in mente è quello di usare qualcosa come:

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; 
} 

Ma questo si sente orribile, e non posso fare a ma pensa che una soluzione migliore potrebbe essere raggiunta con una comprensione più chiara del tuo problema.

C'è qualche possibilità che tu possa inviare (o link) un'immagine che descrive il layout previsto? Con i relativi margini e fuori serie aggiunti? Inoltre, pubblicare il tuo codice sarebbe una buona idea (css e html).

Answer 3

penso che stai andando a correre in problemi se si tenta di specificare un'altezza sul div superiore. Diventa complicato e disordinato farlo in questo modo.

Prova questo:

Sul suo sito web div superiore, non impostare un altezza; ma fare bottom set-padding a 100px, o qualche corso valore che consente la div fondo per visualizzarne il contenuto completo senza sovrapposizioni. In questo modo, il contenuto principale scorrerà normalmente e occuperà tutto lo spazio necessario, ma non sarà interferito dal div bottom.