- 主题:这样的Layout能否实现?
页面是一个固定高度的header和一个可变高度的Silverlight控件组成,希望
Silverlight控件可以占满浏览器的剩余高度,并且随着窗口尺寸的变化自动
调整,达到100%高度的layout。
不希望使用JavaScript动态调整,最好可以用CSS实现。
只要保证支持IE7和IE8就可以,如果能够支持Firefox3.0/3.5就更好。
bow~
--
修改:ORC3C FROM 211.99.222.*
FROM 211.99.222.*
iframe呗
【 在 ORC3C (3C+ORC+AI Player) 的大作中提到: 】
: 页面是一个固定高度的header和一个可变高度的Silverlight控件组成,希望
: Silverlight控件可以占满浏览器的剩余高度,并且随着窗口尺寸的变化自动
: 调整,达到100%高度的layout。
: ...................
--
FROM 166.111.39.29
Thanks...看来放到一个page里不好搞。
【 在 chumsdock (微笑服务) 的大作中提到: 】
: iframe呗
--
FROM 211.99.222.*
或者你在原始的silverlight里面就空出来指定banner大小的空白
或者你的banner的高度是按百分比设置的
否则在css实现100%-...px之前,只能由js做这件事
【 在 ORC3C (3C+ORC+AI Player) 的大作中提到: 】
: Thanks...看来放到一个page里不好搞。
--
FROM 166.111.39.29
一个方案:
<!DOCTYPE html>
<html>
<head>
<title>title</title>
<meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
<style type="text/css" media="all">
*{margin: 0; padding: 0;}
html{
padding-top: 100px;
overflow: hidden;
}
html,body{
height: 100%;
}
.header{
position: absolute; top:0px; width: 100%;
height: 100px;
background: blue;
}
.body{
height: 100%;
background: red;
}
.sl{
height: 100%; width: 100%;
}
</style>
</head>
<body>
<div class="header">header</div>
<div class="body"><object class="sl"></object></div>
</body>
</html>
【 在 ORC3C (3C+ORC+AI Player) 的大作中提到: 】
: 页面是一个固定高度的header和一个可变高度的Silverlight控件组成,希望
: Silverlight控件可以占满浏览器的剩余高度,并且随着窗口尺寸的变化自动
: 调整,达到100%高度的layout。
: ...................
--
修改:old9 FROM 218.104.71.*
FROM 218.104.71.*
绝对定位吧
【 在 ORC3C (3C+ORC+AI Player) 的大作中提到: 】
: 页面是一个固定高度的header和一个可变高度的Silverlight控件组成,希望
: Silverlight控件可以占满浏览器的剩余高度,并且随着窗口尺寸的变化自动
: 调整,达到100%高度的layout。
: ...................
--
FROM 221.221.144.*