IE에서 정확한 위치에 HTML 버튼이 표시되도록

Question

Firefox에서 제대로 렌더링되지만 IE7에서는 렌더링되지 않는 일부 HTML이 있습니다. Firefox에서는 ajaxHTMLEditor 컨트롤 아래에 버튼 (btnSave & btnCancel)이 나타납니다. IE를 사용하면 버튼이 ajaxHTMLEditor 컨트롤 위에 표시되고 상단이 약간 겹치고 중앙에 배치됩니다. 아래 HTML을 붙여 넣어 누군가가 Ajax 컨트롤 아래에 버튼을 표시하도록해야한다고 말할 수 있는지 물어 보았습니다.

<ContentTemplate> 
<div style="float: left"> 
    <div style="float: left; width: 100%; border: solid 0px red;"> 
    <div style="float:left; width: 200px;">Message type: </div> 
    <div style="float: left; width: 1000px;"> 
     <asp:TextBox ID="txtMessageType" runat="server"></asp:TextBox>   
    </div> 
    </div> 

    <div style="float: left; margin-top: 20px; border: solid 0px purple; width: 100%"> 
    <div style="float:left; width: 200px;">Message body: <br /><br /> 
     <ajaxHTMLEditor:Editor ID="Editor1" runat="server" Width="800px" Height="400px" />    
    </div> 
    </div> 

    <div style="float: left; border: solid 0px green; width: 100%; margin-top: 20px; padding-left: 10px;"> 
    <div style="float: left"> 
     <asp:Button ID="btnSave" runat="server" Text="Save" OnClick="btnSave_Click" /> 
    </div> 

    <div style="float: left; width: 20px;"></div>  

    <div style="float: left"> 
     <asp:Button ID="btnCancel" runat="server" Text="Cancel" OnClick="btnCancel_Click" CausesValidation="false" /> 
    </div>   
    </div> 
</div> 
</ContentTemplate> 

Answer 1

그냥 부두를 지울 필요가 있습니다. 아래 참조 :

<div style="float: left"> 
     <div style="float: left; width: 100%; border: solid 0px red;"> 
     <div style="float:left; width: 200px;">Message type: </div> 
     <div style="float: left; width: 1000px;"> 
      <input type="TextBox" ID="txtMessageType" runat="server" />   
     </div> 
     </div> 

     <div style="float: left; margin-top: 20px; border: solid 0px purple; width: 100%"> 
     <div style="float:left; width: 200px;">Message body: <br /><br /> 
      <input type="TextBox" ID="txtMessageType" runat="server" />    
     </div> 

     </div> 
<!--********** Clear your floats here *********--> 

    <br clear="all"> 

     <div style="float: left; border: solid 0px green; width: 100%; margin-top: 20px; padding-left: 10px;"> 
     <div style="float: left"> 
      <input type="Button" ID="btnSave" runat="server" value="save" Text="Save" OnClick="btnSave_Click" /> 
     </div> 

     <div style="float: left; width: 20px;"></div>  

     <div style="float: left"> 
      <input type="Button" ID="btnCancel" runat="server" value="cancel" Text="Cancel" OnClick="btnCancel_Click" CausesValidation="false" /> 
     </div>   
     </div> 
    </div>