您的位置:首页 > 其它

实现网页自动满屏(适用于IE FF)

2011-06-26 12:53 134 查看
以前可以搞个<table>,然后设它的height=”100%”,这样整个表格就充满了页面,再将内容放在这表格内,搞定。可是不知从什么时候开始,突然发现这个属性失效了。

跟头部<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">这句有点儿关系。 去掉也可以自动满屏。

保留这个头部,稍加变通,也可以满屏。方法是在最外层加个DIV,如下:

<div id="divTest" style="width:100%;height:100%;position:absolute;">

注意这个;position:absolute; 一定要有,否则也不起作用。这个DIV就作为整个页面的容器。

<!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">

<body onload="LoadTabPage();">

<div id="divTest" style="width:100%;height:100%;position:absolute;">

……

</div>

</body>

</html>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: