天空下的雨

用乐观的生活,品味非凡人生。 博客搬家了,欢迎进入新博客:www.sh96.cn
01

DIV在100%下iframe宽度高度的自适应的问题

很多时候在做B/S后台系统的时候,一般管理页左边为管理菜单,右边为操作页面,为了维护方便通常会使用iframe来展示操作管理页面,显然用固定的宽度和高度并不能满足要求,经常我们需要让页面自动适应用户分辨率,提高用户体验。下面是可以自适应代码,网页表头声明为xhtml1-transitional.dtd才能支持。

<iframe scrolling="auto" name="main" src="aaa.html"  frameborder="0" height="100%" onload="this.height=0;var fdh=(this.Document?this.Document.body.scrollHeight:this.contentDocument.body.offsetHeight);this.height=(fdh>556?fdh:556)" width="100%"></iframe>

随后发现这段代码在DIV的宽度为100%时(<div id="MarRight" class="MarR">iframe 框架</div>),IE6、火狐等浏览器iframe并没有自适应DIV的宽度和高度,而是显示不全或出现滚动条的情况。

解决办法如下:

<script type="text/javascript">
window.onload=function(){
  var a=document.body.clientWidth-182;  //取得iframe框架的实际宽度
  // alert(a);  //弹出数值测试
  document.getElementById("MarRight").style.width=a+"px";
}
</script>

天空下的雨:绿色标示部分根据需要修改,通过上面的代码,就可以在其他浏览器中iframe的自适应宽度和高度了。

19

关于前端开发博客和技术网站收录

罗列常去的或不常去但也去过的博客和技术网站!

技术门户:
博客园: http://www.cnblogs.com
目前最活跃的.NET技术社区,.NET程序员必去的网站之一。

CSDN:http://www.csdn.net
刚学程序那会经常去论坛问问题,现在很少去。

infoQ:   http://www.infoq.com/cn/
infoq的中文站,软件开发中比较创新的一些内容,涵盖JAVA、.NET、Ruby等一些企业级架构的东西,里面的东西大多有深度,不常去。

蓝色理想:http://www.blueidea.com/
网站设计人员之家,主要关于网站页面设计和前端体验开发,通常搜CSS内容会搜到这里。

团队博客:
淘宝网用户体验设计UED
http://ued.taobao.com/blog/

口碑网用户体验设计UED
http://ued.koubei.com/

阿里软件UED团队
http://www.alisoftued.com

19楼UED团队
http://ued.dukuai.com/blog/

用户为中心的设计(UCD),UCD大社区
http://ucdchina.com/

站长、IT相关
落伍者论坛:http://www.im286.com/
中国站长的集聚地,最大站长社区

站长网:http://www.admin5.com/
中国站长经常吹嘘的地方

中国站长站:http://www.chinaz.com/
站长的全面资讯

DoNews:http://www.donews.com/
IT社区-媒体平台

草根网:http://www.20ju.com/
主要是关于IT资讯的内容,涵盖网站设计,运营,技术,招聘等。。

个人技术博客:
cssrain http://www.cssrain.cn  
懒人开发人员一定要去看看哦,资源超多,很多效果例子。特别是jquery。

李会军:http://www.dotneteye.cn  
去过博客园的应该都知道吧,神仙级专家。

赵劼:http://www.cnblogs.com/JeffreyZhao/  
同上,为博客员知名专家,特佩服他!