以css为中心并不适用于Internet Explorer，但在chrome中工作

Question

我试图将div放在div中，左边缘和右边缘。但它只适用于铬。我已经尝试了！DOCTYPE html但是没有用。

HTML

    <div id="footer-links">
        <div id="footer-wrapper">
            <table id="table-links">        
            </table>
        </div>              
</div>

CSS

    #footer-links {
    width: 100%;
    height: auto;
    font-family: calibri;}

    #footer-wrapper{
    width: 1024px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

这就是它在IE中的样子：http://puu.sh/kbYPO/36161cf305.png。 并且像chrome中这样：http://puu.sh/kbYPj/67d16bc661.png。

Answer 1

希望你学点东西。

在downvote sad

之后更新了1.0

HTML

    <div id="footer">
        <p>Hello World</p>
    </div>

CSS

body {
    margin: 0;
    padding: 0;
    height: 100%;
}
html {
    height: 100%;
    margin: 0;
    padding: 0;
}

#footer {
    position: absolute;
    width: 100%;
    clear: both;
    bottom: 0;
    padding: 0;
    margin: 0;
    height: 30px; /* REMEMBER height = padding-bottom */
    background: #333;
}

#footer p{
    color: white;
    text-align: center;
    margin-top: 8px;
}

结果。

在IE8中测试