2009-08-03 3 views
1

divの中心を揃えることは可能ですか?つまり、常に、指定された幅の固定された位置を持つdivの下部の中心を持つ必要があります。私はそれを左または右に持っていることを知っていますか?何か方法はありますか?divの下部の中心を幅に合わせることはできますか?

私はこれがあなた

CSS役立つかもしれないと思う

+2

この非常によく似た質問への回答を見てみると試してみてください:http://stackoverflow.com/questions/1042209/how-to-center-my-a-div-in-a-table-using-css/1042216#1042216 –

+0

また、「bottom」を定義する - 視認可能な部分の下窓?すべてのコンテンツの直下ですか?コンテンツがそれよりも下になければ、表示可能なペインの下部に表示されますか?この質問のセンタリング要素は簡単に答えられますが、全体的な質問はおそらく何らかの明確化なしには満足に答えることができません。 –

+0

仮面ライフの方法:http://stackoverflow.com/questions/319057/how-to-center-a-div-element-in-ie6 – PatrikAkerstrand

答えて

14

#parent{ 
    position:fixed; 
    bottom:0px; 
    width:100%; //width should be 100% 
} 
#child{ 
    width:100px; //min width should give to center the div. 
    margin:0px auto; //here it will make center 
}  

HTML

<div id='parent'> 
    <div id='child'> 
     centered div 
    </div> 
</div> 
1
.myDiv 
{ 
    position: fixed; 
    bottom: 0px; 
    width: 200px; 
    margin-left: auto; 
    margin-right: auto; 
} 
+1

Ivanとまったく同じように見えます。幅の要素は、margin-left:auto; margin-right:auto; '動作するビット。また、私はあなたが「ポジション:固定」を必要としないと思います。 –

+0

はい、幅が必要です。そうでない場合、divは100%の幅を持ち、左と右の余白は違いありません:) position:Webdevelopertutはdivを下部中央に配置したいので固定です。私は底が分からない:0px;いかなる位置付けなしでも動作します。 –

+0

margin-left:autoとmargin-right:autoは、絶対位置や固定のような位置で動作しません。 –

0

私のために他の回答didntの仕事が、ここでは、シヴァのの若干の修正をしたものですが回答。 1ページの下部をつかみ、もう一方はのような中央 をつかむ場所親子のdivコンボを持っているので、

.bottomOfThePage{ 
    position:fixed; 
    bottom:0px; 
    width:100%; 
} 
.centerOfThePage{ 
    text-align: center; 
    //other text stuff like color 
} 

HTML

<div class="bottomOfThePage"> 
    <div class="centerOfThePage"> 
     <p>footerStuffHere</p> 
    </div> 
</div> 
関連する問題