IE7错误 - 无法使按钮浮动正确

时间:2012-02-20 13:40:10

标签: asp.net css internet-explorer-7

我有一个包含按钮和页脚的页面。我无法使按钮浮动正确。我有以下代码:

<div style="float: right;">
    <asp:Button ID="btnSubmit" OnClick="btnSubmit_Click" runat="server" Text="Save"
        CssClass="button defaultbutton" />
</div>
<div style="clear:both;"></div>

我在网上做了一些研究,发现它是一个已知的错误:Fixing IE6/7 problems when using floated elements inside of a button element

但是从链接添加CSS并没有解决问题。

有关如何解决此问题的任何想法?

以下是按钮的CSS:

display: inline;
color: #ffffff;
font-family: arial;
font-size: 12px;
font-weight: bold;
text-decoration: none;
width: auto;
margin-left: 0;
margin-right: 0;
margin-top: 5px;
margin-bottom: 3px;
padding: 6px 24px;
border-radius: 2px;

以下是defaultbutton的CSS:

background: #f24537;
border: 1px solid #d02718;
text-shadow: 1px 1px 0 #810e05;

1 个答案:

答案 0 :(得分:1)

我已经测试了我认为ASP生成的代码。

我正在测试的确切页面是here: http://jsbin.com/ololot

我在IE7 here: http://i.imgur.com/4GQvG.png

中尝试过

在同一台计算机上的Firefox中here: http://i.imgur.com/qUWRD.png

除非问题是填充的差异,否则我似乎无法复制您的问题。

我会根据进一步的信息编辑答案。