怎么才能让下面这段HTML正好填充整个页面?
<body style="MARGIN: 0px">
<div id=tabsHead1 style="WIDTH: 100%; HEIGHT: 26px; BACKGROUND-COLOR: blue">
<A id='head1' class='curtab' href='javascript:showTab( "head1" ,"tabContent1")'>MakeCheckJob</A>
</DIV>
<div id='tabContent1' style="WIDTH: 100%; HEIGHT: 100%">
<iframe id='fra1' src='WebForm1.aspx' frameBorder="yes" style="WIDTH: 100%; HEIGHT: 100%"> </iframe>
</div>
</body>
<body style="MARGIN: 0px">
<div id=tabsHead1 style="WIDTH: 100%; HEIGHT: 26px; BACKGROUND-COLOR: blue">
<A id='head1' class='curtab' href='javascript:showTab( "head1" ,"tabContent1")'>MakeCheckJob</A>
</DIV>
<div id='tabContent1' style="WIDTH: 100%; HEIGHT: 100%">
<iframe id='fra1' src='WebForm1.aspx' frameBorder="yes" style="WIDTH: 100%; HEIGHT: 100%"> </iframe>
</div>
</body>
你看一下WebForm1.aspx这个里面的分布是怎么样的。
要把文档最上面那行dtd的定义删除的
就是“<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">”
这个一行
全删掉就行了
删除了,依然是不行。
还是多出第一个DIV的26px
你第一个DIV的HEIGHT不是定义了26PX吗
那肯定会有个26PX的高度啊
不知道LZ想做到什么效果
不过不同的分辨率不一样的,
我想要的效果是:
页面上两个diiv,
第一个高度26PX
第二个高度是 Screen.Height-26PX也就是说。两个DIV正好填满屏幕,不多不少!
填满屏幕的话
如果屏幕的高度是900PX
框架中的页面高度是1000PX
框架出现滚动条也不要紧吗
如果真的是这样的话
那我觉得楼主可以使用frameset
定义上面的框架高度为26px
下面的框架高度为*号如果LZ不想出现滚动条 又想填满页面的话 似乎没有这种解决方案如果想框架中的页面可以显示完全 而iframe不出现滚动条的话 那可以去GOOGLE上搜索 iframe高度自适应
使用Frameset恐怕不是一个好主意。
body{
margin:0px;
}
你是故意气我是不是。
我的HTML上不是有这个么
<body style="MARGIN: 0px">
现在的问题并不是因为margin引起的。
你都有星的人了,这点还看不出来?
还是在跟我开玩笑?
那只能用JS了
document.body.scrollHeight - 26那个scrollHeight具体应该是哪个我不是很清楚 楼主可以去GOOGLE一下
大致意思我想你应该可以明白
不过用JS的话
LZ需要考虑到各个浏览器的问题
呵呵,用JS的话倒是可以解决。
但是这个问题真的必须用JS解决么?
标准的HTML布局肯定解决不了?