DIV dołączony do dolnej części rzutni

Question

Przeczytałem kilka innych postów o tym, jak dodać DIV do dołączenia na dole ekranu - i wdrożyłem jedno rozwiązanie z powodzeniem, ale napotykam trochę problemu.

w: http://s222894377.onlinehome.us/

widać nie jest to obraz rozciągnięty w 100% DIV I stworzył i załączeniu. Wartość DIV powyżej jest ustawiona na wysokość: 100%;

Ale zajmuje to nieco za dużo miejsca w pionie i staram się zrekompensować jego wpływ na całkowitą wysokość.

Struktura jest:

Próbowałem wariacje na temat ustawiania marginesów ujemnych do górnego i dolnego marginesu i dopełnienie do wyrównania wysokości nagłówka, ale nie zorientowaliśmy się jeszcze .

Jeśli ktoś ma jakieś sugestie - byłoby to bardzo cenne.

Dzięki z góry,

mm

Answer 1

Jeśli próbujesz dołączyć coś na dole okna przeglądarki i trzymać go tam, być może być zainteresowany w CSS position: atrybutu?

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

szczególności position: fixed; a następnie określ bottom: 0; przymocować dno coś na dole przeglądarki.

Answer 2

Nie jestem pewien, czy czytam Twojego problemu poprawnie, ale jedyną rzeczą, która przychodzi do głowy jest użycie coś takiego:

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

Ale to czuje okropny, a ja nie mogę pomóc ale myślę, że lepsze rozwiązanie można osiągnąć dzięki lepszemu zrozumieniu twojego problemu.

Czy istnieje możliwość zamieszczenia (lub połączenia) obrazu opisującego planowany układ? Po dodaniu odpowiednich marginesów i zysków? Dodanie kodu byłoby dobrym pomysłem (css i html).

Answer 3

Myślę, że napotkasz problemy, jeśli spróbujesz określić wysokość na górnej części div. Robi to w ten sposób skomplikowane i niechlujne.

Spróbuj tego:

Na górnym zawartości div, nie należy ustawiać wysokość; ale do zestaw dolny dopełnienie do 100px lub niektóre ponad wartość, która pozwala na dole div, aby wyświetlić pełną treść bez nakładania. W ten sposób twoja główna treść będzie płynąć normalnie i zajmować tyle samo miejsca, ile potrzebuje, ale nie zostanie zakłócona przez dolny div.