bottom:-505px diye bir kullanım olmaz, ekran çözünürlüğü sadece width, yani genişlikten ibaret değildir. Yükseklik de bunun bir parçasıdır. Sen kendi ekran çözünürlüğüne göre en altta durması için böyle bir şey yapmışsın. Bu şekilde css olmaz.

Şimdi bu footer olayı için sana google üzerinde sticky footer diye aratmalısın diyeceğim ama daha öğreneceğin çok şey var.. yanlış anlama hevesini kırmak için değil sadece yanlışlarını gösteriyorum, hepimiz bu yollardan geçtik..


en temelini söyleyeyim ama bunun da handikapları olacaktır ancak konuya biraz daha vakıf olabilmen için küçük bir örnek vereceğim..

body {margin:0px; padding:0px;}
.wrapper {width:100%; height:100%;}
.header {width:100%; height:100px; background-color:blue;}
.footer {position:absolute; bottom:0px; left:0px; height:100px; width:100%; background-color:yellow;}