<!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">
<script type="text/javascript" src="Scripts/jquery-1.4.1.min.js"></script>
<head id="Head1" runat="server">
<style type="text/css">
#Menu
{
scrollbar-base-color: #80c14c;
scrollbar-arrow-color: #335211;
scrollbar-track-color: #C7E2AD;
scrollbar-3dlight-color: #60AB0E;
scrollbar-darkshadow-color: #80c14c;
scrollbar-face-color: #80c14c;
scrollbar-shadow-color: #C0DEA4;
overflow-y:scroll;
}
</style>
<script type="text/javascript">
$(document).ready(
function () {
modefHeight();
}
)
function modefHeight() {
$("#Menu").height($(window).height() - $(".toolbar").height());
} </script>
</head>
<body onresize="modefHeight();">
<form id="form1" runat="server"> <div class="toolbar"></div>
<div id="Menu">--div内容---<div>
</form>
<body>
</html>--------------------------------------分割线------------------------------------------
<html><head>
<title></title></head><frameset rows="100,*,25" framespacing="0" border="0" frameborder="0">
<frame noresize="" target="contents" name="TopMenu" scrolling="no" src="top.aspx">
<frameset cols="172, *" id="resize">
<frame noresize="" target="main" name="menu" scrolling="no" src="left.aspx">
<frame noresize="" name="main" scrolling="yes" src="main.aspx">
</frameset>
<frame noresize="" name="status_bar" scrolling="no" src="status_bar.aspx">
</frameset>
</html>
把第一个页面填充到左侧,然后用IE 8打开,左侧会显示一个滚动条,在非兼容模式下改变窗体大小滚动条 高度能自动调节,但是打开兼容模式的时候,改变窗体大小,滚动条高度不能改变
<html xmlns="http://www.w3.org/1999/xhtml">
<script type="text/javascript" src="Scripts/jquery-1.4.1.min.js"></script>
<head id="Head1" runat="server">
<style type="text/css">
#Menu
{
scrollbar-base-color: #80c14c;
scrollbar-arrow-color: #335211;
scrollbar-track-color: #C7E2AD;
scrollbar-3dlight-color: #60AB0E;
scrollbar-darkshadow-color: #80c14c;
scrollbar-face-color: #80c14c;
scrollbar-shadow-color: #C0DEA4;
overflow-y:scroll;
}
</style>
<script type="text/javascript">
$(document).ready(
function () {
modefHeight();
}
)
function modefHeight() {
$("#Menu").height($(window).height() - $(".toolbar").height());
} </script>
</head>
<body onresize="modefHeight();">
<form id="form1" runat="server"> <div class="toolbar"></div>
<div id="Menu">--div内容---<div>
</form>
<body>
</html>--------------------------------------分割线------------------------------------------
<html><head>
<title></title></head><frameset rows="100,*,25" framespacing="0" border="0" frameborder="0">
<frame noresize="" target="contents" name="TopMenu" scrolling="no" src="top.aspx">
<frameset cols="172, *" id="resize">
<frame noresize="" target="main" name="menu" scrolling="no" src="left.aspx">
<frame noresize="" name="main" scrolling="yes" src="main.aspx">
</frameset>
<frame noresize="" name="status_bar" scrolling="no" src="status_bar.aspx">
</frameset>
</html>
把第一个页面填充到左侧,然后用IE 8打开,左侧会显示一个滚动条,在非兼容模式下改变窗体大小滚动条 高度能自动调节,但是打开兼容模式的时候,改变窗体大小,滚动条高度不能改变
解决方案 »
- 请教Jquery中$.post返回的究竟是什么数据?
- 哎,上当了,javascript王者归来完全是一本无甚大用的书
- insertRow后怎么对其中的数据进行验证
- javascript 获取它页数据急
- 使用insertRow 动态的增加了表格以后,怎么赋予ID值?
- 在定制IE鼠标右键菜单时候碰到的一个很奇怪的问题
- audio不能连接播放
- 大家知道怎么样把Java script 中的变量写入到ASP中吗
- 问一个简单问题,关于控件数组的。
- 请问怎么利用javascript在本地存储临时信息?
- Jquery创建新div,并定位到鼠标位置怎么实现
- easyui panel里的iconcls如何加click事件
<title></title>
<script type="text/javascript">
window.onresize = function () {
document.getElementById('menu').contentWindow.modefHeight();
}
</script>
</head><frameset rows="100,*,25" framespacing="0" border="0" frameborder="0">
<frame noresize="" target="contents" name="TopMenu" scrolling="no" src="top.aspx">
<frameset cols="172, *" id="resize">
<frame noresize="" target="main" id="menu" name="menu" scrolling="no" src="jq.html">
<frame noresize="" name="main" scrolling="yes" src="main.aspx">
</frameset>
<frame noresize="" name="status_bar" scrolling="no" src="status_bar.aspx">
</frameset>
</html>