首页 新闻 会员 周边

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

这个应该有用

CSS布局自适应高度解决方法

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 | 园豆：945 (小虾三级) | 2009-01-16 14:00
0

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

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