チェックアウトページ：http://www.blueclick.ca/projects/0755/html/ダイナミック垂直配向
質問がある - なぜそれは実際に垂直整列されていませんか？
テーブルセルの垂直方向のアライメント属性は機能していますが、内容の真ん中を真ん中に合わせ、真ん中にはしません。
あなたは左端の接触ボタンをクリックすると、あなたが究極の目標が表示されます - コンテンツは、最初は閉じられ、センタリングされること、およびコンテンツがトグルアウトスライドさせると、フッターとヘッダーが互いに離れる拡大します下向きではありません。
誰もが提供する洞察力はありますか？ IとGoogleのchrome要素が私に言うことができる検査として
おかげで常に
回答：間違ってヘッダーdiv内にコンテンツdivを含めました - ヘッダーの高さがコンテンツよりもはるかに小さいため、ヘッダーのみを中心にしていましたが、その内部の1つのオブジェクト、つまりヘッダーに等しい）。私はそれを取り出し、想像したようにサイズを変更します。
ように、それははは垂直限り完全に整合されます。あなたはこのような何かを、確認するためにテストしたい場合は...
<script type="text/javascript">
$(document).ready(function() {
var mid = $(window).height()/2;
var myDivMid = $("#navigation_holder").position().top - ($("#navigation_holder").height()/2)
alert(mid);
alert(myDivMid);
});
</script>
は私が台無しなかったと仮定すると、それはあなたの窓の中央値とあなたのdivの中央値を教えてください。
あなたは何を探していますか、コンテンツの最終的な場所はどこですか？ – 1ftw1
@ 1ftw1私がしようとしている結果は、コンテンツの50％（ヘッダーを含む）がページの中央に、50％が下になることです。それを垂直方向に集中させるだけです。コンテンツを切り替えるときにコンテンツの50％以上が画面の下部に表示されるため、絶対配置ではできません - ラップされたヘッダーとフッターを許可するソリューションが必要ですディスプレイの周りには：コンテンツを保持するdivはありません。コンテンツがtoggleSlide（） 'dであるときに、全体が中央にとどまるように、上下両方向に展開します。 – sdo