Как да си направя footer

[Pupe64etoo_92]

Искам да си направя фотер да седи във долната част на сайта ми на едно положение долу. Тоест да е застопорен на една позиция и според дължината на страницата да се мести нагоре или надолу. Немога да го обясня за това ще дам примери.



Вижте тук как е фотера
Седи на едно положение до дясното меню плътно и моето е такова менюто в моя сайт.

Ето тук е максимално долу отделен с един бр таг от централното му меню

Ето моя сайт, погледнете.

 

[kalokoko]

Ми във края на HTML-то пишеш: <footer> Vashiqt footer </footer> !

 

[dELux_nike]

http://web-tourist.net/forum/viewtopic.php?t=103797&postdays=0&postorder=asc&start=0

 

[kalokoko]

dELux_nike, не е тека това е за сайт направен със система ! ! За писан сайт е с <footer> ! </footer> !!!

 

[Pupe64etoo_92]

Не става пак така незнам как да го закарам долу и как да го направя на междинна позиция за да може да се мести нагоре и надолу според дължината на страницата

 

[IvanAdamov]

CSS:

#footer {
	height:130px;
	width:100%;
	background:#111111;
	bottom:0;
	position:fixed;
	border-top:1px solid #666;
	}

HTML:

<div id="footer">Footer Content</div>

 

[dELux_nike]

пробва ли изобщо ?

[css]#foot{
background: url('тук картинката') no-repeat;
width: ?;
height: ?;
margin:0 auto;
}[/css] това го слагаш в css файла ти като на width: и height: зададеш стоиности

а

<div id="foot">text</div>

го слагаш преди да затвориш </body> тага

не виждам причина да не стане ?

 

[Pupe64etoo_92]

това position:fixed; не трябва да се мести когато давам със скрола на горе или надолу а да се мести според дължината на страницата. погледнете пак линковете горе които съм дал.

#foot{

background: url('тук картинката') no-repeat;

width: ?;

height: ?;

margin:0 auto;

}

това го слагаш в css файла ти като на width: и height: зададеш стоиности

а
HTML code:

<div id="foot">text</div>

го слагаш преди да затвориш </body> тага

не виждам причина да не стане ?

То става ама ми излиза на позиция топ под хедера ми понеже дивовете ми са на position:absolute;

 

[shterev]

номера става с 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)
            );
        }

Тази функция ти взима височината на клиентския прозорец.

Тази височина я слгаш на contenta примерно, за да се разпъне до долу.

Обаче една скоба трябва да се отвори: използвайки тази функция - от височината махаш височината на самия footer.

кода изглежда така:

[js]element.style.height = (getDocHeight() - 50) + 'px';[/js]

 

[dELux_nike]

<div style="clear:both;"></div>

преди кода за футера