asp.net中层的定位有关问题
日期：2014-05-19 浏览次数：20505 次
asp.net中层的定位问题
我写了一个div弹出窗口，在html页面下可以正常，但到了asp.net页面就不正常了div的位置在页面的上面了，请高手帮帮忙。
<%@ Page Language= "C# " AutoEventWireup= "true " CodeFile= "Default4.aspx.cs " Inherits= "Default4 " %>
<!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>
<style type= "text/css ">
div.titleBar{background: #CC66CC;margin: 0px auto;width: 100%;height: 21px;border: #0000FF solid 1px;}
div.closeButton{float: right;}
div.mainBody{margin: auto;}
#divModalDialog{border:solid 1px;background:white;POSITION: absolute;left:0px;top:0px;DISPLAY: none;z-index:49;height:200px;WIDTH: 350px;}
#divModal{BACKGROUND-COLOR: white; FILTER: alpha(opacity=75); LEFT: 0px; POSITION:absolute; TOP: 0px;}
</style>
<script language=javascript>
function showModel()
{
divModalDialog.style.display = "block ";
resizeModal();
window.onresize = resizeModal;
}
function closeModel()
{
divModal.style.width = "0px ";
divModal.style.height = "0px ";
divModalDialog.style.display = "none ";
window.onresize = null;
}
function resizeModal()
{
divModal.style.width = document.body.scrollWidth;
divModal.style.height = document.body.scrollHeight;
divModalDialog.style.left = ((document.body.offsetWidth - divModalDialog.offsetWidth) / 2);
divModalDialog.style.top = ((document.body.offsetHeight - divModalDialog.offsetHeight) / 2);
}
</script>
</head>
<body>
<input type= "button " value= "点击这里 " onclick= "showModel() " />
<DIV id= "divModal "> </div>
<DIV id= "divModalDialog " >
<div class= "titleBar ">
<div class= "closeButton "> <a href= "javascript:closeModel(); "> [关闭] </a> </div>
</div>
<div class= "mainBody ">
内容
</div>
</DIV>
</body>
</html>
------解决方案--------------------
var eleHeight
if(document.documentElement)
eleHeight = document.documentElement.scrollHeight
else
eleHeight = document.body.scrollHeight
我写了一个div弹出窗口，在html页面下可以正常，但到了asp.net页面就不正常了div的位置在页面的上面了，请高手帮帮忙。
<%@ Page Language= "C# " AutoEventWireup= "true " CodeFile= "Default4.aspx.cs " Inherits= "Default4 " %>
<!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>
<style type= "text/css ">
div.titleBar{background: #CC66CC;margin: 0px auto;width: 100%;height: 21px;border: #0000FF solid 1px;}
div.closeButton{float: right;}
div.mainBody{margin: auto;}
#divModalDialog{border:solid 1px;background:white;POSITION: absolute;left:0px;top:0px;DISPLAY: none;z-index:49;height:200px;WIDTH: 350px;}
#divModal{BACKGROUND-COLOR: white; FILTER: alpha(opacity=75); LEFT: 0px; POSITION:absolute; TOP: 0px;}
</style>
<script language=javascript>
function showModel()
{
divModalDialog.style.display = "block ";
resizeModal();
window.onresize = resizeModal;
}
function closeModel()
{
divModal.style.width = "0px ";
divModal.style.height = "0px ";
divModalDialog.style.display = "none ";
window.onresize = null;
}
function resizeModal()
{
divModal.style.width = document.body.scrollWidth;
divModal.style.height = document.body.scrollHeight;
divModalDialog.style.left = ((document.body.offsetWidth - divModalDialog.offsetWidth) / 2);
divModalDialog.style.top = ((document.body.offsetHeight - divModalDialog.offsetHeight) / 2);
}
</script>
</head>
<body>
<input type= "button " value= "点击这里 " onclick= "showModel() " />
<DIV id= "divModal "> </div>
<DIV id= "divModalDialog " >
<div class= "titleBar ">
<div class= "closeButton "> <a href= "javascript:closeModel(); "> [关闭] </a> </div>
</div>
<div class= "mainBody ">
内容
</div>
</DIV>
</body>
</html>
------解决方案--------------------
var eleHeight
if(document.documentElement)
eleHeight = document.documentElement.scrollHeight
else
eleHeight = document.body.scrollHeight
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
