在IE7中左侧浮动时,文本框会产生间隙

时间:2010-05-30 19:53:32

标签: search internet-explorer-7 rounded-corners

我有一个左圆角框 - >文本框 - >右边的圆角框,它们都是搜索框的一部分。在FF,Chrome,IE8中都很好,但不是IE7。

我已经使用调试工具检查了它并且我已经尝试了许多选项,目前都没有想要工作,所以我希望有人可能知道这个问题(bug)可能会有什么问题?< / p>

以下是我的代码片段:

<div class="roundBox4">
  <img src="../App_Themes/MyChoice2010/Images/reality-box-top.gif" width="228" height="8" /><img
                    src="../App_Themes/MyChoice2010/Images/reality-box-locate.gif" width="228" height="49" />
                <asp:ContentPlaceHolder ID="Box4Content" runat="server">
                </asp:ContentPlaceHolder>
                <div class="locateABroker">
                    <img src="../App_Themes/MyChoice2010/Images/locate-broker-left.gif" class="locateBrokerLeft"
                        height="19" width="3" /><asp:TextBox ID="TextBox1" CssClass="locateBrokerCenter"
                            runat="server"></asp:TextBox><img src="../App_Themes/MyChoice2010/Images/locate-broker-right.gif"
                                height="19" width="3" class="locateBrokerRight" />
                    <a href="" class="locateBrokerSubmit">Submit</a><img src="../App_Themes/MyChoice2010/Images/box-arrow.gif"
                        class="linkArrow" width="8" height="14" />
                </div>

1 个答案:

答案 0 :(得分:0)

关于IE7我唯一能说的就是你几乎需要在CSS中声明一切。在IE7中,Inheiretance是非常糟糕的。我会确保你是a)使用一个好的reset.css和b)尝试直接在给你问题的元素上声明任何填充等。