网站侧边栏有个搜索框,开始设计的时候代码如下:<div id = "SideBarSearchWrapper">
        <form id = "SearchForm" runat = "server">
        <asp:DropDownList ID="SideBarDropDownList" runat="server" CssClass = "SideBarDropDownList" >
            <asp:ListItem Value="1">信息标题</asp:ListItem>
            <asp:ListItem Value="2">信息内容</asp:ListItem>
        </asp:DropDownList>
        <asp:TextBox ID="SideBarSearchTextBox" runat="server" CssClass = "SideBarSearchTextBox"></asp:TextBox>
        <asp:Button ID="SideBarSearchSubmitButton" runat="server" Text="" 
            CssClass = "SideBarSearchSubmitButton" 
            onclick="SideBarSearchSubmitButton_Click" />
        </form>
    </div>在IE和FF中浏览结果都正常,如图:
可是后来由于在其他地方也有表单元素需要插入,于是将<form id = "SearchForm" runat = "server">一行移到了整个页面的最开头,即<body>标记后,将</form>移到了</body>标记前。再次用IE打开,结果就变了,如图:可是在VS2008中预览和在FF中都正常(也就是和第一个图效果一样)。百思不得其解,望高人指点

解决方案 »

  1.   

    附CSS代码:
    #SideBarSearchWrapper
    {
    clear: both;
    width: 172px;
    height: 80px;
    margin-left: 14px;
    margin-top: 40px;
    border-top: solid 2px #ddd;
    border-bottom: solid 2px #ddd;
    border-left: solid 1px #ddd;
    background: url(Images/SideBarSearchPicBG.gif) no-repeat 6px 10px;
    }
    #SideBarSearchWrapper .SideBarDropDownList
    {
    margin: 26px 0px 0px 16px;
    width: 80px;
    height: 22px;
    }
    #SideBarSearchWrapper .SideBarSearchTextBox
    {
    float: left;
    margin: 5px 0px 0px 16px;
    width: 110px;
    height: 15px;
    border: solid 1px #ddd;
    }
    #SideBarSearchWrapper .SideBarSearchSubmitButton
    {
    float: right;
    margin: 5px 10px 0px 0px;
    width: 24px;
    height: 18px;
    background: url(Images/SideBarSearchSubmitButtonBG.gif);
    border: none;
    }
      

  2.   

    css代码中可能有不兼容的属性
      

  3.   

    可是那和Form的关系又是怎么来的呢?继续期待
      

  4.   

    如果在FF里没问题,99%是IE的bug.可以结帖了.