0

我有一个页脚 DIV

<div id=footer">

里面

<div id="wrapper">

我已将width: 100%and设置text-align:center为footer...它在 chrome、IE 9、8 和 Firefox 上运行良好。

但是在 IE 7 中它不起作用，我不得不使用margin它来正确对齐它。

请帮忙。

// 这适用于 Chrome、IE 9、IE 8、FF

    #footer .footertc {
    text-align: center;
    margin: 35px 0px 0px 0px;
    display: block;
    width: 100%;
    height: 75px;
    background: #F1F1EF;
    padding: 0px;
    font-size: 10px;
    clear: both;
 }

#wrapper {
background: white;
background-position: 50% 0px;
width: 984px;
margin: 0px auto 0 auto;
text-align: center;
}

// 这适用于 IE 7 --> 我被迫使用 margin-left

*+html #footer .footertc { 
           text-align:center;    -> this does not work
           margin:50px 0px 0px 550px; 
           display:block; 
           width:100%;    --> this does not work 
           height:75px; 
           background:#F1F1EF;
        }
4

1 回答 1

0

您可以尝试 reset.css 以尽量减少跨浏览器 css 问题。您可以在此处查看更多详细信息。

于 2012-07-04T20:47:59.503 回答