强制按钮显示在内容IE7下方

时间:2012-12-04 14:25:21

标签: html css internet-explorer-7

我在IE7中遇到了一些按钮问题。在其他所有内容中,按钮显示如下: Correct

然而,在IE7中,按钮显示如下。 Incorrect

我试图将一个jsfiddle与影响整体形式的代码组合在一起,而小提琴似乎没问题(即使它缺少图像引用)所以我不明白为什么IE7会对此产生影响按钮并使其显示在我的内容的右侧。

 JsFiddle Code

JsFiddle

2 个答案:

答案 0 :(得分:1)

如果我在IE中打开这个,它对我来说很好。任何方式给予

<div class="logindetails password" style="clear:both;">

到上面的div。

答案 1 :(得分:0)

这应解决IE 7中的问题

div.links {
    clear: both !important;
    margin: 0 !important;
    padding-top: 15px;
}

在样式表中,icams_specific.css找到此部分并用以下内容替换所有部分:

div.widget-container > div.search > form.search > div#search_links > input.button {
background-color: #E7E7E8;
background-image: url("/incl/images/search.png");
background-position: 50% 50%;
background-repeat: no-repeat;
border: medium none;
cursor: pointer;
height: 35px;
margin-left: 257px;
margin-top: -35px;
padding: 0;
transition: all 0.25s linear 0s;
vertical-align: top;
width: 38px;
}

要向左移动搜索按钮,请将margin-left: 257px;更改为所需的值。

您还需要对上面的div.links进行更改