首页新闻找找看学习计划

div自适应浏览器高度的问题

0
悬赏园豆:30 [已关闭问题]

代码如下

<body>

<div style="height:80px">top</div>

<div id="container" style="?">center</div>

<div style="height:60px">bottom</div>

</body>

现在要求三个DIV的总高度等于浏览器的最大化时的总高度,且不随屏幕分辨率改变而改变。即ID为container的DIV自适应。。

要求:不应用js,不用table.兼容IE7和FF2.

该如何操作?

该如何改写代码?????

沉默杨的主页 沉默杨 | 初学一级 | 园豆:6
提问于:2009-01-06 20:45
< >
分享
其他回答(5)
0

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
改为
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

 

<body>

<div style="height:80px">top</div>

<div id="container" style="height:100%">center</div>

<div style="height:60px">bottom</div>

</body>

这里写什么? | 园豆:215 (菜鸟二级) | 2009-01-06 21:43
0

<body>

<div style="height:80px;position:absolute; top:0;">top</div>

<div id="container“>center</div>

<div style="height:60px;position:absolute; bottom:0;">bottom</div>

</body>

看看行不行

GUO Xingwang | 园豆:3885 (老鸟四级) | 2009-01-07 09:09
0

某些低版本浏览器对height属性漠视

风海迷沙 | 园豆:4453 (老鸟四级) | 2009-01-07 12:16
0
cloudgamer | 园豆:280 (菜鸟二级) | 2009-01-10 16:17
0
Code
<html>
<head><title></title></head>

<body>


<div style="height:80px">top</div>

<div id="container" style="height:100%">center</div>

<div style="height:60px;position:absolute; bottom:0px;">bottom</div>

</body>
</html>
oec2003 | 园豆:745 (小虾三级) | 2009-01-16 14:00
0

怎么解决的啊??  想知道哦???

sun20132013 | 园豆:202 (菜鸟二级) | 2013-09-13 19:08
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册