960グリッドシステムを使用したセンターコンテンツdiv

これは簡単ですが、私は単にそれを行うことができません。ここで私が持っているものです。960グリッドシステムを使用したセンターコンテンツdiv

<h1>Head </h1> 
<div class="container_12" > 
    <div class="grid_6"> 
     <h1>Heading one</h1> 
     <p>Content and Images</p> 
    </div> 
     <h1>Heading two</h1> 
     <p>Content and Images</p> 
    </div> 
    <div class="grid_12">The footer</div> 
    </div> 
<body> 
</body>

私は縦画面の任意のタイプのために、中央に整列しgrid_6でdivを必要とします。 container_12のメインディビジョンは、ページの全高を取っていないようですね！画面中央にコンテンツdivを浮かせるにはどうすればいいですか？

出典

2011-12-22 Abdel Raoof

をIDを与えますか？ – Aaron

フレームワークは、その水平方向にセンタリングされていることを確認します..私はそれを垂直にする必要があります.. –

また、divの内容ではなく、全体としてdivsは中間にあるべきです.. –

は、あなたが**水平にそれをしたいと**上下中央にあなたのコンテンツのdivに

var screenheight = document.body.clientHeight; 
var content_div_height = document.getElementById("content_div_id").offsetHeight; 
var content_div_top = (screenheight/2) - (content_div_height/2) 
document.getElementById("content_div_id").style.top = content_div_top + 'px';

出典

2011-12-22 09:17:04 Dau

'+ 'px' '！ – Aaron

真剣に、私はCSSのソリューションを期待していた..私はこれをチェックさせて！ –

あなたは上の位置を与える必要があります、純粋にCSSのソリューションは、身体を固定された高さにして、コンテンツの一番上の位置を割り当てます。 – Dau

-1

*{ 
    margin:0; 
    padding:0; 
} 

body{ 
    text-align:center; /*For IE6 Shenanigans*/ 
} 

#wrapper{ 
    width:960px; 
    margin:0 auto; 
    text-align:left; 
}

出典

2012-10-07 16:13:09

これは受け入れられた答えよりもうまくいきますか？ –

これは垂直配置に何らかの影響を与えることがわかりません –

私はhttp://periperiskinwear.com/product/catalogue/ –

960グリッドシステムを使用したセンターコンテンツdiv

答えて

関連する問題