2012-03-07 26 views
1

テーブル要素を含む設定ディメンションを持つ背景divがあります。div内のテーブルを垂直に整列する方法

私は、divの中央左にテーブルを配置する方法を探しています。左は簡単、中は仕事ができない。これは私が持っているものです。

HTML

<div id="background"> 
     <table> 
     //... stuff 
     </table> 
</div> 

CSS:

#background { 
     height: 1000px; 
     width: 1000px; 
     text-align: left; 
     } 

誰かがどのように垂直方向の整列にテーブルを教えてもらえますか?

+0

[何を試しましたか?](http://mattgemmell.com/2008/12/08/what-have-you-tried/)、あなたは何をgoogledしましたか?あなたが探している答えをオンラインで何千ものチュートリアルがあります。 – Ryan

+0

ちょうどそれを相対位置/相対位置で固定しました。絶対に心配しないでください。 – frequent

答えて

3

Divの場合、通常、垂直方向の配置は許可されません。唯一のオプションは、テーブルセルのように動作させるか、マージン/パディングのようにテーブルを垂直に並べるようにすることです。

+0

が正しく、ちょうどこれを見つけました:http://stackoverflow.com/questions/4064677/how-can-i-vertically-align-a-table-in-the-middle-of-a-fixed-height-div – frequent

3

位置:div内のテーブルを相対的に上に移動:50%左:50%

あなたは左を取り出し、ちょうどトップ用いたトップ

http://jsfiddle.net/EZk3T/1/

+0

that's私がしたこと。ありがとう! – frequent

1

を使用することができます50%が真ん中に入れていないだろう、あなたはCALCを使用しなければならないでしょうが、それは一定の高さを必要とし、今後の参考のために、しかし、あなたはこの例を使用し、その後水平に整列する場合:これはトップ使って私のために働くように見えることはありません

width: 300px; 
left: calc (50% - 150PX) 

- 150ピクセル幅の半分に相当します。

関連する問題