主站
经典论坛
家园
作品
品网
维基
桌面
招聘
注册
登录
专长会员
帮助
客服QQ:6650171
经典论坛
»
WEB标准化专栏
» 用JS实现“左中DIV”和“右中DIV”等高,为何FireFox中无效?
‹‹ 上一主题
|
下一主题 ››
发新话题
发布投票
发布商品
发布悬赏
发布活动
发布辩论
发布视频
打印
[求助]
用JS实现“左中DIV”和“右中DIV”等高,为何FireFox中无效?
lostfire98
[楼主]
银牌会员
帖子
524
体力
1078
威望
0
离线
1 天
个人空间
发短消息
加为好友
1
#
大
中
小
发表于 2006-2-13 12:09
我的这段用于令左中DIV和右中DIV等高的 JavaScrips 在FireFox怎么是无效呢?
<!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>练习文档01</title> <style type="text/css"> <!-- body{ margin:0px;padding:0px; } .Div_top{ width:100%; background:#93beff; } .Div_bottom{ width:100%; background:#ff00fc; } .Div_Left{ position:absolute; width:200px; background:#ff6000; left:0px; } .Div_Right{ margin-left: 200px; background:#00c17b; } --> </style> <script> function SameH(leftDiv,rightDiv) { var a=document.getElementById(leftDiv); var b=document.getElementById(rightDiv); document.write(a.clientHeight+'--'); document.write(b.clientHeight+'--'); document.write(a.scrollHeight+'--'); document.write(b.scrollHeight+'--'); if (a.scrollHeight < b.scrollHeight) { a.style.height= b.scrollHeight; } else { b.style.height= a.scrollHeight; } } </script> </head> <body> <div class="Div_top">这是顶部的div</div> <div id="Div1" class="Div_Left">11111<br>222222<br>33333333<br>444444444<br>555555555</div> <div id="Div2" class="Div_Right">22222<br>dsaf</div> <div class="Div_bottom">---------------------------------这是底部的DIV,在左中右中DIV不等高的情况下会跑上去重叠了<br>----------------------------------------我现在想用一个JavaScript代码来令左右两半的Div等高<br><br>(注意:中左中右两个DIV的高度是无法事先确定的)<br>为什么这个JavaScript在FireFox无效呢?</div> <script> SameH("Div1","Div2"); </script> </body>
提示:您可以先修改部分代码再运行
积分
1078
阅读权限
70
在线时间
304 小时
注册时间
2005-12-28
最后登录
2010-2-8
查看详细资料
TOP
西部数码分布式集群主机傲视群雄
|
Adobe设计师狂欢节在线讲座免注册进入
lostfire98
[楼主]
银牌会员
帖子
524
体力
1078
威望
0
离线
1 天
个人空间
发短消息
加为好友
2
#
大
中
小
发表于 2006-2-13 22:34
晕,顶
积分
1078
阅读权限
70
在线时间
304 小时
注册时间
2005-12-28
最后登录
2010-2-8
查看详细资料
TOP
PSD网页模板下载,高端实用
|
俄罗斯大蜘蛛反病毒软件
sexboy024
初级会员
帖子
126
体力
98
威望
5
当前
北京 海淀区
离线
436 天
发短消息
加为好友
打分 2
3
#
大
中
小
发表于 2006-2-14 13:22
少了px
小宇宙爆发
积分
103
阅读权限
20
在线时间
157 小时
注册时间
2004-7-13
最后登录
2008-11-30
查看详细资料
TOP
国际动画人才 海外高薪就业
lootlater
初级会员
帖子
56
体力
126
威望
0
离线
187 天
个人网站
发短消息
加为好友
4
#
大
中
小
发表于 2006-3-31 11:49
楼上的可以给个实例来看看么
对我这样的菜鸟很有帮助的
谢谢了
may i can
积分
126
阅读权限
20
在线时间
38 小时
注册时间
2005-12-23
最后登录
2009-8-7
查看个人网站
查看详细资料
TOP
明天教室职业插画师培训计划
erik168
中级会员
帖子
147
体力
357
威望
0
离线
27 天
个人网站
发短消息
加为好友
5
#
大
中
小
发表于 2006-4-8 11:10
if (a.scrollHeight < b.scrollHeight)
{
a.style.height= b.scrollHeight+"px";
}
else
{
b.style.height= a.scrollHeight+"px";
}
-=不管结局怎样坏,我会勇敢撑下来=-
积分
357
阅读权限
30
在线时间
10 小时
注册时间
2002-2-10
最后登录
2010-1-13
查看个人网站
查看详细资料
TOP
ylzxy5800
初级会员
帖子
46
体力
94
威望
0
离线
519 天
发短消息
加为好友
6
#
大
中
小
发表于 2008-3-7 16:59
http://www.cssplay.org.cn/
玩转CSS - CSSPLAY
一个学习CSS的好网站
这上面有介绍IE,FireFox之间的区别,比较详细
积分
94
阅读权限
20
在线时间
12 小时
注册时间
2006-10-11
最后登录
2008-9-8
查看详细资料
TOP
‹‹ 上一主题
|
下一主题 ››
版块跳转
内部交流区
网站开发区
前台制作与脚本专栏
后台数据库编程
WEB标准化专栏
WAP 技术专栏
平面设计区
艺术与设计论坛
Adobe Photoshop 专栏
Fireworks 专栏
矢量图形专栏
插画手绘交流
交互设计区
用户体验综合版
UI图形设计
RIA设计与应用
Flash 专栏
Silverlight 专版
Director 专栏
其它技术讨论区
计算机技术
英语学习和技术翻译
摄影欣赏与技术交流
无线通讯与数码设备
信息平台
企业招聘
学习工作交流区
体育运动、线下活动与游戏
创业版
Adobe活动专区(临时)
Adobe在线创意节讨论区