我目前有两个正确浮动的div,但div内的内容相互重叠。这只发生在IE中。
tables overlapping in floated divs
这是我的css代码:
body {
min-height:100%;
height:100%;
background-color:#ffffff;
margin: 0px 0px 0px 0px;
}
.tableparent {
position:absolute;
top:70px;
left:50px;
width:650px;
height:650px;
overflow:hidden;
}
.tableleft {
width:325px;
height:650px;
float:left;
}
.tableright {
width:325px;
float:right;
}
.button {
margin-top:535px;
}
这是我的.aspx:
<div class="tableparent">
<div class="tableleft">
<div class="table">
<table id="tblModelRank" runat="server" align="right" cellpadding="5" >
<tr>
<td colspan="2" style="text-align: center">
<asp:Label ID="lblTitle" runat="server" Text="tblModelRank" Font-Bold="True" Font-Size="Large" />
</td>
</tr>
<tr>
<td style="text-align: right">
<asp:Label ID="lblModelRankIDMR" runat="server" Text="Model Rank ID" />
</td>
<td>
<asp:TextBox ID="txtModelRankIDMR" runat="server" />
</td>
</tr>
<tr>
<td style="text-align: right">
<asp:Label ID="lblModelRankMR" runat="server" Text="Model Rank" />
</td>
<td>
<asp:TextBox ID="txtModelRankMR" runat="server" />
</td>
</tr>
<tr>
<td style="text-align: right">
<asp:Label ID="lblModelIDMR" runat="server" Text="Model ID" />
</td>
<td>
<asp:TextBox ID="txtModelIDMR" AutoPostBack="true" runat="server" />
</td>
</tr>
<tr>
<td style="text-align: right">
<asp:Label ID="lblCommentMR" runat="server" Text="Comment" />
</td>
<td>
<asp:TextBox ID="txtCommentMR" runat="server" />
</td>
</tr>
</table>
</div>
<div class="table">
<table id="tblBLS_ModelRank" runat="server" align="right" cellpadding="5" >
<tr>
<td colspan="2" style="text-align: center">
<asp:Label ID="Label1" runat="server" Text="tblBLS_ModelRank" Font-Bold="True" Font-Size="Large" />
</td>
</tr>
<tr>
<td style="text-align: right">
<asp:Label ID="lblModelRankIDBLS" runat="server" Text="Model Rank ID" />
</td>
<td>
<asp:TextBox ID="txtModelRankIDBLS" runat="server" />
</td>
</tr>
<tr>
<td style="text-align: right">
<asp:Label ID="lblModelRankBLS" runat="server" Text="Model Rank" />
</td>
<td>
<asp:TextBox ID="txtModelRankBLS" runat="server" />
</td>
</tr>
<tr>
<td style="text-align: right">
<asp:Label ID="lblModelIDBLS" runat="server" Text="Model ID" />
</td>
<td>
<asp:TextBox ID="txtModelIDBLS" runat="server" />
</td>
</tr>
<tr>
<td style="text-align: right">
<asp:Label ID="lblCommentBLS" runat="server" Text="Comment" />
</td>
<td>
<asp:TextBox ID="txtCommentBLS" runat="server" />
</td>
</tr>
</table>
</div>
<div class="table">
<table id="tblModelAlias" runat="server" align="right" cellpadding="5" >
<tr>
<td colspan="2" style="text-align: center">
<asp:Label ID="Label6" runat="server" Text="tblModelAlias" Font-Bold="True" Font-Size="Large" />
</td>
</tr>
<tr>
<td style="text-align: right">
<asp:Label ID="lblModelIDMA" runat="server" Text="Model ID" />
</td>
<td>
<asp:TextBox ID="txtModelIDMA" runat="server" />
</td>
</tr>
<tr>
<td style="text-align: right">
<asp:Label ID="lblModelAliasMA" runat="server" Text="Model Alias" />
</td>
<td>
<asp:TextBox ID="txtModelAliasMA" runat="server" />
</td>
</tr>
<tr>
<td style="text-align: right">
<asp:Label ID="lblCommentMA" runat="server" Text="Comment" />
</td>
<td>
<asp:TextBox ID="txtCommentMA" runat="server" />
</td>
</tr>
</table>
</div>
</div>
<div class="tableright">
<div class="table">
<table id="tblModelRankSonar" runat="server" align="right" cellpadding="5" >
<tr>
<td colspan="2" style="text-align: center">
<asp:Label ID="Label2" runat="server" Text="tblModelRank (SONAR)" Font-Bold="True" Font-Size="Large" />
</td>
</tr>
<tr>
<td style="text-align: right">
<asp:Label ID="lblModelRankIDMR_S" runat="server" Text="Model Rank ID" />
</td>
<td>
<asp:TextBox ID="txtModelRankIDMR_S" runat="server" />
</td>
</tr>
<tr>
<td style="text-align: right">
<asp:Label ID="lblModelRankMR_S" runat="server" Text="Model Rank" />
</td>
<td>
<asp:TextBox ID="txtModelRankMR_S" runat="server" />
</td>
</tr>
<tr>
<td style="text-align: right">
<asp:Label ID="lblModelIDMR_S" runat="server" Text="Model ID" />
</td>
<td>
<asp:TextBox ID="txtModelIDMR_S" AutoPostBack="true" runat="server" />
</td>
</tr>
<tr>
<td style="text-align: right">
<asp:Label ID="lblCommentMR_S" runat="server" Text="Comment" />
</td>
<td>
<asp:TextBox ID="txtCommentMR_S" runat="server" />
</td>
</tr>
</table>
</div>
我从其他类似的问题中尝试了很多建议但无济于事。非常感谢任何帮助!