垂直整列は無視されます

Question

私は、次のdivがあります。このCSSで

<div id="footer"> 
Copyright 2011 <a href="http://www.mauricederegt.com" target="_blank">mauricederegt.com</a> | <img src="images/facebookIconSmall.jpg" alt="" /> 
<a href="http://apps.facebook.com/mahjong_solitaire/" target="_blank">Facebook</a> | <img src="images/twitter.gif" alt="" /> 
<a href="https://twitter.com/mahjonggame" target="_blank">Twitter</a> 
</div> 

：この1をロードするときに

#footer { 
    position: relative; 
    z-index:999999; 
    width: 760px; 
    /*height: 50px;*/ 
    top: 617px; 
    vertical-align: middle; 
    border: 1px solid #333; 
    text-align: center; 
    font-size:11px; 
    display:table-cell; 
} 

#footer img { 
    position:relative; 
    bottom: -3px; 
} 

しかし、div要素のコンテンツは、中央に整列されていないが、しかし、底に。私は何が欠けていますか？

Answer 1

vertical-align: middle;をimgタグとaタグに設定すると、それらは並べられます。

私はまた、スパンタグに「Copyright」を入れ、同様に垂直方向にも合わせます。

私はjsFiddleでそれをすべて置く：「それは、中央に整列さ

Answer 2

http://jsfiddle.net/qJk4s/

（あなたは絶対にそれを配置するのであなたはかかわらず、フッターを表示するには、スクロールダウンする必要があります）しかし、あなたはドンその違いに気付くだけの十分なスペースを与えてください。フッタにある高さを与えるためにコメントを削除すると、テキストが真ん中にあり、画像が適切に3px下に表示されることを確認します。そこか必要か。