CSSを垂直方向に使用しているdiv

Question

現在、私はCSSを使用してページラップを中心にしたいワードプレスサイトに取り組んでいます。私は成功しなかったので、このサイトで方法3を実装しようとしました。

サイト：http://blog.themeforest.net/tutorials/vertical-centering-with-css/

二つの異なるdivを、フローターのIDを持つ1とページラップのIDを持つものを使用して - 私。私のCSSは、私もそれが結果に影響を与える場合、私のページラップのdivの内側に、私は（彼らはまた、左右両方にフロート）私のデザインを構築するために他のdivをたくさん持っていることを指摘したい。この

#floater { float: left; height: 50%; margin-bottom: -481px; } 

#page-wrap { clear: both; color: white; width: 1594px; height: 962px; margin: auto; position: relative; } 

のように見えますいずれにしても。 JSFiddleへ

リンク：あなたは、それは高さを知っている場合http://jsfiddle.net/FERNX/

Answer 1

が

#floater{ 
    margin-top: 25%; 
} 

または

position: absolute; 
    top: 50%; 
margin-top: -25%; 

Answer 2

を試し、最も東と簡単な解決策は以下のとおりです。

#page-wrap { position: absolute; height: 900px; top: 50%; margin-top: -450px; } 

それは基本的に言う。その上端を50％にし、その高さの半分を引いてdivの中心を中央に配置します。