Divs的定位 - 中心+固定问题

时间:2012-01-13 11:49:05

标签: html css

我有一个div“general”,它以页面为中心。在里面,我在顶部有一个固定的div。在div之外,“general”具有固定在页面底部的“页脚”。到目前为止一直这么好..问题是div“内容”必须在div“general”中垂直和水平居中....有人可以给我一些定位的提示吗?

<body>
        <div id="mb_background" class="mb_background">
            <img class="mb_bgimage" src="images/default.jpg" alt="Background"/>
            <div class="mb_loading"></div>
        </div>

        <div id="mb_geral">

            <div id="mb_topo">

                <div id="mb_logo">
                    <a href=""><img src="images/logo_dentro.png" alt="Logotipo"/></a>
                </div>

                <div id="mb_menu">

                </div>

                <br clear="all"/>

            </div>

            <div id="mb_conteudo">

                alguma coisa aqui

            </div>


        </div>

        <div class="mb_footer">
            <a class="mb_left" href="" target="_blank"><img src="images/facebook.png"/></a>
            <a class="mb_left" href="" target="_blank"><img src="images/twitter.png"/></a>
            <a class="mb_left" href="" target="_blank"><img src="images/news.png"/></a>

        </div>      
    </body>

1 个答案:

答案 0 :(得分:0)

margin:0 auto;
在你的CSS中

将水平居中div,使其垂直居中,你需要

top:50%;
margin-top:-[insert half of the content div's height here];