Question

我在使用IE浏览时在此页面上有一个奇怪的错误 http://www.emfx.fr/?page_id=38

这张图片清楚地解释了这个问题： http://appartager.free.fr/site/bugIE.jpg

当我看到这个页面localy（easyPHP）与IE一切正常
当我用IE在线查看此页面时我有2个问题 1）我的hr标签不对齐中心 2）按钮发送消息是裁剪

但代码完全相同且浏览器相同（IE）

hr 行为是css文件中的控件

hr.center {
    border: none;
    color: #353a40;
    background-color: #353a40;
    height: 1px;
    width: 371px;
    text-align: center;
}

按钮也由2个css文件控制（所有浏览器/ IE异常）

这是通用代码：

#contact_form input[type=submit] {
padding: 7px 15px;
background: rgba(255,255,255,0.1);
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
font-family: "Droid Sans", Arial;
cursor: pointer;
border: 1px solid #666;
color: #ccc;
margin-bottom: 10px;
margin-left: 420px;
}

这是即例外

#contact_form input[type=submit] {
    padding: 8px 0px;
    background: rgba(255,255,255,0.1);
    margin-bottom: 300px;
    margin-left: 418px;
    text-align: center;
}

如果你们对如何解决这个问题有任何想法，那就太棒了！

欢呼！

SK

Answer 1

您已从IE中的按钮中删除了水平填充

#contact_form input[type=submit] {
    padding: 8px 0px; /* 15px?*/

我个人使用hr代替使用margin:auto text-align，但hr默认情况下与中心对齐;所以你不需要调整它。

（在IE Web开发人员工具中使用这些声明似乎可以解决问题）。

IE下的CSS / HTML ::对齐和按钮问题

1 个答案: