2014-01-15 102 views
0

我無法讓我的CSS在IE中居中內容跳躍。它適用於所有其他瀏覽器。請幫忙。我也嘗試過align = center,即使這樣也沒有幫助。如果我在內容分區和內容區域做了某些事情以使其不在中心,我想知道。謝謝。在IE中居中的css問題

BODY { 
    background-color: #eee; 
    margin: 0; 
    font-family: Helvetica, Arial, sans-serif; 
} 
.wqlogin .fullwrap { 
    width: 100%; 
    margin: 0 auto; 
    background-color: #f7f7f7; 
} 
.wqlogin .topp { 
    width: 100%; 
    height: 110px; 
    background-color: #fff; 
    border-bottom: solid 1px #ddd; 
} 
.wqlogin .topp .wq_logowrap { 
    width: 910px; 
    margin: auto; 
} 
.wqlogin .topp .wq_logowrap .logo { 
    float: left; 
    /*margin-left: 10px;*/ 
    display: block; 
    width: 115px; 
    height: 105px; 
} 
.wqlogin .content { 
    width: 910px; 
    background-color: #fff; 
    border: solid 1px #ccc; 
    margin: auto; 
    margin-top: 10px; 
    margin-bottom: 10px; 
    overflow: hidden; 
} 
.wqlogin .left { 
    display: block; 
    float: left; 
    width: 620px; 
    overflow: hidden; 
} 
.wqlogin .left .wrap { 
    margin: 5px 0 15px 5px; 
} 
.wqlogin .left .imgholder { 
    float: left; 
    margin: 8px 8px 15px 8px; 
    width: 288px; 
    height: 186px; 
} 
.wqlogin .rgt_login { 
    display: block; 
    float: left; 
    width: 280px; 
    height: 320px; 
    overflow: hidden; 
} 
.wqlogin .rgt_login .logwrap { 
    padding: 10px; 
} 
.wqlogin .footer { 
    width: 100%; 
    float: left; 
    overflow: hidden; 
    background-color: #fff; 
} 
.wqlogin .toptxt { 
    padding: 10px 10px 0 10px; 
    font-size: 24px; 
    /*font-weight: bold;*/ 
    color: #666; 
} 
.wqlogin .toptxt .sml { 
    font-size: 20px; 
    padding-top: 0; 
} 
.wqlogin .error_txt { 
    float: left; 
    width: 100%; 
    overflow: hidden; 
    color: #8d0000; 
} 
.wqlogin .error_txt .message { 
    float: left; 
    overflow: hidden; 
} 
.wqlogin .username, .wqlogin .password { 
    width: 100%; 
    margin: 0 0 5px; 
    padding: 5px 5%; 
    display: block; 
} 
.wqlogin .login_link1 { 
    font-size: 12px; 
    text-decoration: none; 
} 
.wqlogin .vzw_header { 
    border-bottom: solid 1px #ddd; 
} 
.wqlogin .vzw_button { 
    margin: 10px 0 10px 0; 
} 
/*TABLE { border-spacing: 0px; border-collapse: collapse; }*/ 
+3

直到我們看到HTML結構,我們無法真正幫助。你可以製作一個JSFiddle嗎? –

+0

有些HTML會很好。 – Ruddy

+0

你可以發佈你的標記嗎? – wickywills

回答

0

對於舊版本的IE,在周圍容器使用text-align: center

另外,確保周圍的容器本身居中。

+0

我發現它沒有設置html 5文檔類型的問題。這固定了一切。 – riotgear