html - ページの下部にフッターがくっつかない

Question

私はこのCSSを持っています

#footer {
    width:100%;
    padding:14px 0; 
    color:#eef1f6;
    border-top:4px solid #F36F25;
    bottom:0;
}
#footer-inner {
    width:80%;
    margin:0 auto 0 auto;
}
#footer span {
    color:#000000;
}

および HTML:

<div id="footer">
    <div id="footer-inner">
        <span>&copy; <?php echo date("Y"); ?> Integra Digital</span><br><br>
        <span>Dragon Enterprise Centre, 28 Stephenson Road, Leigh-on-Sea, Essex, SS9 5LY</span><br>
        <span>sales@integradigital.co.uk | tel: 01702 66 77 27 or Freephone: 08000 66 22 01</span>
    </div>
</div>

ページの一番下にフッターを配置する必要があります。スティックではなく、スクロール時に固定され、一番下にあるため、コンテンツの真下ではありません。

例えば、

CONTENT

GOES 

HERE

FOOTER

そうではありません、私はこれが必要です：

CONTENT

GOES

HERE





FOOTER

うまくいけば、私は理にかなっていますか？

ありがとう

Answer 1

#footer {
   position:absolute;
   bottom:0;
   ...
}

http://www.w3schools.com/cssref/pr_class_position.asp

Answer 2

これはおそらくあなたが探しているものです http://ryanfait.com/sticky-footer/