火狐和IE下CSS不兼容问题

我写的树在IE下可以显示,但是在火狐下面却不能显示,初步估计是CSS的问题:

body {
scrollbar-face-color: #DEE3E7;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #DEE3E7;
scrollbar-3dlight-color: #D1D7DC;
scrollbar-arrow-color: #006699;
scrollbar-track-color: #EFEFEF;
scrollbar-darkshadow-color: #98AAB1;
}

.line14 {
COLOR: #000000; LINE-HEIGHT: 140%
}
.line18 {
COLOR: #000000; LINE-HEIGHT: 180%
}
.input1 {
BORDER-RIGHT: #BBD0E1 1px solid; BORDER-TOP: #BBD0E1 1px solid; FONT-WEIGHT: normal; FONT-SIZE: 9pt; BACKGROUND: #ffffff; BORDER-LEFT: #BBD0E1 1px solid; COLOR: #000000; LINE-HEIGHT: normal; BORDER-BOTTOM: #BBD0E1 1px solid; FONT-STYLE: normal; HEIGHT: 19px; FONT-VARIANT: normal
}
UNKNOWN {
BORDER-RIGHT: #bf4138 1px solid; BORDER-TOP: #bf4138 1px solid; FONT-WEIGHT: normal; FONT-SIZE: 9pt; BACKGROUND: #ffffff; BORDER-LEFT: #bf4138 1px solid; LINE-HEIGHT: normal; BORDER-BOTTOM: #bf4138 1px solid; FONT-STYLE: normal; FONT-VARIANT: normal
}
SELECT {
BORDER-RIGHT: #bf4138 1px solid; BORDER-TOP: #bf4138 1px solid; FONT-WEIGHT: normal; FONT-SIZE: 9pt; BACKGROUND: #ffffff; BORDER-LEFT: #bf4138 1px solid; LINE-HEIGHT: normal; BORDER-BOTTOM: #bf4138 1px solid; FONT-STYLE: normal; HEIGHT: 18px; FONT-VARIANT: normal
}
a{
behavior:url(Link.htc);
}
A:link {
COLOR: #000000; TEXT-DECORATION: none
}
A:visited {
COLOR: #000000; TEXT-DECORATION: none
}
A:hover {
COLOR: #ff0000; TEXT-DECORATION: underline
}

.font14 {
FONT-SIZE: 14px; COLOR: #000000; LINE-HEIGHT: 180%
}
.line20 {
FONT-SIZE: 10pt; COLOR: #000000; LINE-HEIGHT: 180%
}
.input_d{ border:1px solid #608BC6;background:#efefef;font:9pt;color:#0D518C;width:180;height:18px }
.input_c{ border:1px solid #608BC6;background:#efefef;font:9pt;color:#0D518C;width:150;height:18px }
.input_T{ border:1px solid #608BC6;background:#efefef;font:9pt;color:#0D518C;width:56;height:18px }
.b { filter: DropShadow(Color=#F2F5FB, OffX=1, OffY=1, Positive=2);height=1}

.inputaa{border:1px solid #608BC6;background:#efefef;font:9pt;color:#0D518C;} #ffffff;border-bottom:1;border-right:1;border-style:ridge;background-color:#cccccc;font:9pt "宋体"}

.out{ border-top:1 solid #efefef;border-left:1 solid #efefef;background:#ffffff;font:9pt;color:000000;width:150;height:18px }
.over{ border-top:1 solid #efefef;border-left:1 solid #efefef;background:#efefef;font:9pt;color:000000;width:150;height:18px }
.submit { height: 20;width:50; background-color: #33B9D0; font-size: 12px; color: #ffffff; border: 1px solid; border-color: #D9F7FC #185D68 #185D68 #D9F7FC; }
.submit1 { height: 20;width:50; background-color: #DAEAF6; font-size: 12px; color: #09304E; border: 1px solid; border-color: #A7BDCE #A7BDCE #A7BDCE #A7BDCE; }
.input_read {
BACKGROUND-COLOR: #DCEBF3;border:1px solid #6FA9CC;font-size:12;color:#15567D;
}.swxw {
font-size: 12px;
color: #a80000;
}
HTML:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>NULL</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<SCRIPT LANGUAGE="JavaScript" src="tree.js"></Script>
</head>
<body bgcolor="#ffffff" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" background="leftimage/leftbg.gif">
<table width="179" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td valign="top">
<table width="50%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="5">
</td>
</tr>
</table>
<table width="93%" border="0" align="right" cellpadding="0" cellspacing="0">

对于web2.0的过渡,请尽量用xhtml格式写代码,而且DOCTYPE影响CSS处理,作为W3C的标准,一定要加DOCTYPE声明。

1.div的垂直居中问题
vertical-align:middle;

将行距增加到和整个DIV一样高line-height:200px; 然后插入文字,就垂直居中了。缺点是要控制内容不要换行。

2.margin加倍的问题
问题描述:设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。

解决方案:在这个div里面加上display:inline;

示例讲解:<div id="imfloat"></div>

相应的css为:

#IamFloat
{
float:left;
margin:5px;/*IE下理解为10px*/
display:inline;/*IE下再理解为5px*/
}
3.浮动ie产生的双倍距离
#box {
float:left;
width:100px;
margin:0 0 0 100px; //这种情况之下IE会产生200px的距离
display:inline; //使浮动忽略
}
这里细说一下block与inline两个元素:

block元素的特点是,总是在新行上开始,高度,宽度,行高,边距都可以控制(块元素);

Inline 元素的特点是,和其他元素在同一行上,不可控制(内嵌元素);

#box{
display:block; //可以为内嵌元素模拟为块元素
display:inline; //实现同一行排列的效果
diplay:table;
}
温馨提示:答案为网友推荐,仅供参考
第1个回答  2014-06-08
  您好!很高兴为您答疑!

  CSS在火狐和IE下需要设置的兼容属性很多,您还是搜索下相关资料,详细了解下,火狐下可以安装Firebug配合检查代码。
  您可以在火狐社区了解更多内容。希望我的回答对您有所帮助,如有疑问,欢迎继续在本平台咨询。本回答被网友采纳
第2个回答  2010-11-22
改js,搜索下js兼容吧,ie和FF下js有几个函数也是不统一的,也要写得兼容才能通吃
第3个回答  2010-11-17
...在线HI我下。需要HTML文件
第4个回答  2010-12-01
你把整套 发过来可以帮你改

相关了解……

你可能感兴趣的内容

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 非常风气网