在 IE 中居中的 css 问题

标签 css html internet-explorer

我无法让我的 CSS 将内容集中在 IE 中。它适用于所有其他浏览器。请帮忙。我也尝试过 align = center ,即使那样也没有帮助。如果我在内容 div 中和周围做了什么使其不居中,我想知道。谢谢。

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; }*/

最佳答案

对于旧版本的 IE,在 surrounding 容器中使用 text-align: center

另外,确保周围的容器本身居中。

关于在 IE 中居中的 css 问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21140894/

相关文章:

java - 使用 Jsoup 删除元素不起作用

html - Rails 在我关闭 do block 的地方添加了一个 </form> 标签,它破坏了我的表单

javascript - 将脚本元素添加到现有的 TWebBrowser 文档

javascript - 使用 jQuery 将滚动事件绑定(bind)到视频元素进度

css - 如何在避免 !important 的同时使用全局 styles.css 覆盖 Angular Material 样式?

javascript - 嵌入文档时不需要的页面边框

css - 重复线性渐变在某些浏览器中不可见

css - IE9 中的 z-index 分层,例如,检查堆栈上下文(我认为)

javascript - 更改单选按钮名称javascript在IE中不起作用

internet-explorer - 为什么 CSS 圆 Angular 代码不适用于 IE 浏览器