footer konumunu sabitlemek

footer ın sürekli sayfanın en altında kalmasını sağlamak istiyorum bunu nasıl yapabilirim yani 1280*1024 de de 1024*768 de de girsek hep altta olsun istiyorum.

<div id="footer" style="position: absolute; left:0; bottom:0;">footer</div> olarak deneyebilirsiniz hocam.

footer kodlarını kopyalıp yeni bir dosyaya kaydedin. php veya asp olarak. daha sonra göstermek istediğiniz sayfalarda include edin. nereye göstermek istiyorsanız.

<!--# include file="footer.asp" --> gibi

aynı zamanda ortada da yapamazmıyız. left:0 yerine ne yazmam gerekiyor
include ne alaka anlamadım.

<div id="footer" style="position: absolute; bottom:0; width: 500px; margin: 0 auto;">footer</div>

width değerini kendinize göre düzenleyip, bir de böyle dener misiniz hocam ?

Bunu iki yolla yapabilirsiniz;

1) CSS ile sticky footer
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -142px; /* buradaki negatif değer de footer yüksekliğinde olmalı */
}
.footer, .push {
	height: 142px; /* .push, .footer ile aynı yüksekliğe sahip olmalı */
}

2. jQuery ile sticky footer

*Footer yüksekliği olmalıdır kesinlikle.

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

// Window load event used just in case window height is dependant upon images
$(window).bind("load", function() { 

       var footerHeight = 0,
           footerTop = 0,
           $footer = $("#footer");

       positionFooter();

       function positionFooter() {

                footerHeight = $footer.height();
                footerTop = ($(window).scrollTop()+$(window).height()-footerHeight)+"px";

               if ( ($(document.body).height()+footerHeight) < $(window).height()) {
                   $footer.css({
                        position: "absolute"
                   })
               } else {
                   $footer.css({
                        position: "static"
                   })
               }

       }

       $(window)
               .scroll(positionFooter)
               .resize(positionFooter)

});

bunu nasıl kullanacağım konusunda bir bilgim yok.

edit: nasıl kullanılacağını buldum ama bunda footer sürekli en aşağıda olmuyor. sayfa boyutunu kendimiz ayarlamamız gerekiyor

Hayır sayfa boyutunu kendiniz ayarlamanız gerekmiyor. Wrapper kullanıyorsanız şayer (wrapper ortalı tasarımlarda css ortalamak için kullanılır) şayer böyle bir kullanımınız yoksa sitenizin şablonu çok önemlidir.

<div id="baslik"></div>
<div id="icerik"></div>
<div id="footer"></div>

şeklinde olmalıdır. ID'si icerik olan kısmın yüksekliğini el yordamı ile vermek durumunda değilsiniz böyle bir zorunluluk yok. Fakat footer'da bir yükseklik değeri olmak zorunda.