IE和Firefox的div高度自适应解决方法

2008-12-06 16:57 归类于:It's Mine

IE中div的高度会根据内容来自适应高度。但是FIrefox不会。

解决方法1:
<div>
    <div style="float:left;">111111111</div>
    <div style="float:right;">22222222</div>
    <div style="clear:both;"></div>
</div>

解决方法2:
<div style="overflow:auto;">
    <div style="float:left;">1111111111</div>
    <div style="float:right;">2222222222</div>
</div>

Tags:div,css,高度 | 阅读:2036 | 评论:0

网页标准声明下的表格100%高度

2008-11-04 16:42 归类于:It's Mine

IE6中,在CSS中添加

CSS代码
  1. body {   
  2.     height: 100%;   
  3. }  

 IE7中,除添加上述CSS外,还需添加 

CSS代码
  1. html {   
  2.     height: 100%;   
  3. }  
Tags:css,表格,高度 | 阅读:1483 | 评论:0

同时兼容标准的非标准的scrollTop获取

2008-01-13 19:45 归类于:JavaScript

我们知道,应该WEB标准,也就是网页加上

XML/HTML代码
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  

 

声明后,会使document.body.scrollTop失效,而代替的方法则是使用document.documentElement.scrollTop。

另外,可以通过判断document.compatMode的值来确定网页是否有标准声明,因此为了简化程序,同时兼容标准和非标准,我一般都是像下面这样在程序的前部分便把document.body或document.documentElement赋值给body。

XML/HTML代码
  1. var body = document.compatMode == "CSS1Compat" ? document.documentElement : document.body;  

 

但实际上在网页的头部加入这段代码后,在非标准的网页中却不能用body.scrollTop这样来获取滚动条的位置。

经测试后得知,将此段代码放到<body>以后则可以完全正常

Tags:scrolltop,网页标准 | 阅读:961 | 评论:0

最短的带星期显示的数字钟代码

2007-11-10 11:24 归类于:JavaScript

 

JavaScript代码
  1. <div id="databox"></div>   
  2. <script>   
  3. setInterval("databox.innerHTML=new Date().toLocaleString()+' 星期'+'日一二三四五六'.charAt(new Date().getDay());",1000);   
  4. </script>  

这是我目前见过的最短的数字钟代码了

Tags:数字钟 | 阅读:2137 | 评论:0

FireFox和IE中JavaScript的区别(一)

2007-10-14 22:17 归类于:JavaScript

1、获取所在框架的框架名称

IE:

JavaScript代码
  1. document.parentWindow.name  

 FireFox:

JavaScript代码
  1. document.defaultView.name  

2、设置框架为设计模式

框架的设计模式是网页编辑器的基本,页FireFox中设置此模式也和IE中不同:

IE:

JavaScript代码
  1. document.getElementById('editorIframe').contentWindow.designMode = "on";  

 FireFox:

JavaScript代码
  1. document.getElementById('editorIframe').contentDocument.designMode = "on";  
Tags:firefox,框架 | 阅读:1645 | 评论:0