表格的td包含div和div内的控件位置定位问题。
我想用一个textBox覆盖在一个DropdownList的上面来实现DropDownList控件不能手动输入的问题。但发现把他们放到td里面后发现他们的位置与其他td中的其他控件的位置不相称。有高手帮忙解决吗？
源代码如下：
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="update1.aspx.cs" Inherits="update1" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<style type="text/css">
.style1
{
width:80%;
}
</style>
<script>
function FactNameTxtTanto(va) {
document.getElementById("txtFactName").value = va;
document.getElementById("txtFactName").select();
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div id="div1" align="center">
<table class="style1">
<tr>
<td colspan="6">
更新信息</td>
</tr>
<tr>
<td>
用户名：</td>
<td style="text-align:left;">
//出现位置不对的地方。
<div id="divFactName" style="z-index:100; visibility:visible; clip:rect(0px 200px 80px 182px); position:absolute">
<asp:DropDownList ID="ddlFactName" runat="server" style="z-index:-1"
Width="200px">
</asp:DropDownList>
</div>
<asp:TextBox ID="txtFactName" runat="server" Height="14px" style="z-index:103px; position:absolute;" width="183px"></asp:TextBox>
</td>
<td>
联系人：</td>
<td>
<asp:TextBox ID="TextBox4" runat="server"></asp:TextBox>
</td>
<td>
业务员：</td>
<td>
<asp:TextBox ID="TextBox7" runat="server"></asp:TextBox>
</td>
</tr>
<tr>
<td>
用户地址：</td>
<td>
<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
</td>
<td>
联系电话：</td>
<td>
<asp:TextBox ID="TextBox5" runat="server"></asp:TextBox>
</td>
<td>
机床编号：</td>
<td>
<asp:TextBox ID="TextBox8" runat="server"></asp:TextBox>
</td>
</tr>
<tr>
<td>
机床厂家：</td>
<td>
<asp:TextBox ID="TextBox3" runat="server"></asp:TextBox>
</td>
<td>
机床型号：</td>
<td>
<asp:TextBox ID="TextBox6" runat="server"></asp:TextBox>
</td>
<td>
机床配置：</td>
<td>
<asp:TextBox ID="TextBox9" runat="server"></asp:TextBox>
</td>
</tr>
<tr>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
<asp:Button ID="Button1" runat="server" Text="提交" />
</td>
</tr>
</table>
</div>
</form>
</body>
</html>
div td
[解决办法]
http://www.cnblogs.com/SoYoung/archive/2009/05/26/1490487.html
[解决办法]
div id="divFactName" 的位置应设置为相对位置。
textBox设置为绝对位置。
这样textBox的位置就会参照div的位置了。添加两个属性，left和top,用于调节textBox至div左侧和顶部的距离。
你做的两个控件都使用绝对位置，那么是相对整个页面的位置，也应该设置left和top属性啊。
[解决办法]
搞left、top看似准确，可是累死人不偿命啊。