Footer-а да е най-отдолу

misho

Registered
Имам една страничка с много малко съдържание, което заема не повече от 150-200px във височина. Трябва най-отдолу да имам една тънка лента за footer, като между него и съдържанието да е празно пространство. Как ще стане? Пробвах да дам височина 100% на елемента с текста, но нищо не става. :lol:
 
Задаваш му position: absolute и му нагласяш един z-index и ще стане нещо от сорта на:

[css]#footer { position: absolute; bottom: 0; z-index: 9999; }[/css]
 
http://micobg.net/demo/

nogravity каза:
Задаваш му position: absolute и му нагласяш един z-index и ще стане нещо от сорта на:

[css]#footer { position: absolute; bottom: 0; z-index: 9999; }[/css]
Не ми върши работа, защото така foote-а се залепя за долни ръб на браузъра и когато има малко повече текст и се наложи да превъртя, остава над текста.
 
Еми направи си още един div колкото тънак искаш да е и му задай цвят #ffffff; и си го сложи където иксаш да излиза празното пространство. Може и да не съм те разбрал правилно. о0
 
Прегледай тогава примерите тук:
http://adorr.net/2010/03/absolutestickyfloating-header-and-footer.html

И по-специално този:
http://adorr.net/wp-content/uploads/2010/03/stickyfooter.htm

Мисля, че е точно това, което търсиш! ;]
 
Това което искаш се прави най-добре с javascript

function getDocHeight() {
var D = document;
return Math.max(
Math.max(D.body.scrollHeight, D.documentElement.scrollHeight),
Math.max(D.body.offsetHeight, D.documentElement.offsetHeight),
Math.max(D.body.clientHeight, D.documentElement.clientHeight)
);
}

елемент.style.height = (getDocHeight() - 50) + 'px';

Всимаш размера на прозореца, като от неговата височина вадиш височината на футъра ( тук е 50 пиксела) и тази височиина я слагаш на contenta или както ти е т ам
 

Back
Горе