在ASP.NET服务器端，怎么改变div和image空间的位置？

div我设置了runat = “server”；
但是怎么在服务器端，也就是Page_Load
里面动态改变div的位置，也就是left和top值呢？

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

使用JS脚本！写好JS脚本。在C#里面给页面动态生成一些变量，然后使用这些JS脚本来改变DIV的位置！就像是QQ中使用的方法一样！
设置div的样式position: absolute;
用js来改变的
function changePostion()
{
document.getElementById("divid").style.left = "100px";
document.getElementById("divid").style.top = "100px";
}
可能没有说清楚哈，是这样的：
在Div中有个一个Image服务器控件，
我在Page_Load中根据图片的大小来设置了Image控件的尺寸，这个时候我想把Div和Image居中显示
所以我通过计算Image的宽度或者高度与Div的差值，来决定Left和Top的值
Image控件的尺寸设置我已经在Page_Load中实现了
怎么让它居中呢？
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title></title>
<script language="javascript">// javascript文件
/*调用方法
//onmousedown="movetianyamessage(div_Info, event)" onmousemove="movetianyamessageend(event);"
//onmouseup="movetianyamessageend(event)" onmouseout="movetianyamessageend(event)"
//onmousedown=鼠标点下的时候 onmousemove=鼠标经过的时候 onmouseup=鼠标弹起来的时候  onmouseout=鼠标离开的时候
*/
var tianyamessage = ''
var iLayerMaxNum = 999;document.onmouseup = movetianyamessageend;
document.onmousemove = movetianyamessagestart;
var tianyamessagepixefX;
var tianyamessagepixefY;function movetianyamessage(Object, event)
{
tianyamessage = Object.id;
if(document.all)
{
  document.getElementById(tianyamessage).setCapture();
  tianyamessagepixefX = event.x - document.getElementById(tianyamessage).style.pixelLeft;
  tianyamessagepixefY = event.y - document.getElementById(tianyamessage).style.pixelTop;
}
else if(window.captureEvents)
{
  window.captureEvents(Event.MOUSEMOVE|Event.MOUSEUP);
  tianyamessagepixefX = event.layerX;
  tianyamessagepixefY = event.layerY;
}
document.getElementById(tianyamessage).style.zIndex = iLayerMaxNum;   iLayerMaxNum = iLayerMaxNum + 1;
}function movetianyamessagestart(evt)
{
if(tianyamessage!=''){
  if(document.all)
  {
   document.getElementById(tianyamessage).style.left = event.x - tianyamessagepixefX;
   document.getElementById(tianyamessage).style.top = event.y - tianyamessagepixefY;
  }
  else if(window.captureEvents)
  {
   document.getElementById(tianyamessage).style.left = (evt.clientX - tianyamessagepixefX) + "px";
   document.getElementById(tianyamessage).style.top = (evt.clientY - tianyamessagepixefY) + "px";
  }
  }
}function movetianyamessageend(evt)
{
if(tianyamessage!='')
{
  if(document.all)
  {
   document.getElementById(tianyamessage).releaseCapture();
   tianyamessage='';
  }
  else if(window.captureEvents){
   window.captureEvents(Event.MOUSEMOVE|Event.MOUSEUP);
   tianyamessage='';
  }
  }
}function disponse_div(obj)
{
if(obj.style.display=="block")
{
obj.style.display="none";
}
else
{
obj.style.display="block";
}
}
</script>
</head>
<body>
<form runat="server">
<div id="div_Info" style="z-index:101; left:175px; width:650px; position:absolute; top: 346px;" align="center">
<table border="0" cellpadding="0" cellspacing="0">
<tr><%-- 以下td中添加了javascript代码移动层,拖动层的几个事件
onmousedown事件当鼠标单击时发生
onmousemove 事件会在鼠标指针移动时发生
onmouseup 事件会在鼠标按键被松开时发生,
onmouseout 事件会在鼠标指针移出指定的对象时发生--%><td style="width: 628px; height:22px; background-color:#3f3200;" class="div_table_bian"
onmousedown="movetianyamessage(div_Info,event)" onmousemove="movetianyamessageend(event);"
onmouseup="movetianyamessageend(event)" onmouseout="movetianyamessageend(event)">
</td>
<td style="width: 22px; background-color: #221B00; font-size: 12px; color: #ffffff;
height: 22px;" align="center" class="div_table_notLeft_bian" >
<a href="javascript:disponseNone(div_Info)" style=" color:White;">x</a></td>
</tr>
<tr>
<td colspan="2" style="background-color: #000000" align="center" valign="top" class="div_table_notTop_bian">
<table border="0" cellpadding="0" cellspacing="0" style="width: 90%">
<tr>
<td style="height: 25px;"></td>
</tr>
<tr>
<td style="height: 23px;" class="white12px" align="center">
<asp:Label ID="div_lblTitle" runat="server" Font-Size="16px"></asp:Label></td></tr>
<tr><td style="height: 15px" valign="top"></td></tr>
<tr><td id="Div_Td_Content" runat="server" class="white12px" valign="top"></td></tr>
<tr><td id="Td1" runat="server" class="white12px" valign="top" style="height: 15px"></td></tr>
<tr><td class="white12px" style="height: 40px" align="center" valign="middle">
<asp:ImageButton ID="ImageButton2" runat="server" ImageUrl="123.jpg" OnClientClick="disponse_div(div_Info);return false;" /></td></tr>
</table>
</td>
</tr>
</table>
</div>
</form>
</body>
</html>
div1.Style.Add("width", "500px");
div1.Style.Add("left", "5px");
div1.Style.Add("top", "5px");
设置样式
怎么在服务器端获得Div的宽度和高度啊？怎么没有这个属性啊
Image控件都有的
另外，我想让div的宽度正好占据浏览器的整个宽度，该怎么获取这个值呢?
    this.div_id.Style.Add("left", "50");
    this.div_id.Style.Add("top", "50");
但是怎么在服务器端获取Div原始的宽度和高度等属性呢？