首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

通过了w3c验证,在ie中看是好的,在ff里看是乱的。为什么?该怎么处理

2012-02-14 
通过了w3c验证,在ie中看是好的,在ff里看是乱的。为什么???css:#outside{width:1000px}#topAdv{width:1000px

通过了w3c验证,在ie中看是好的,在ff里看是乱的。为什么???
css:
#outside{   width:1000px}
#topAdv{
        width:1000px;
border-top-width:   2px;
border-top-style:   solid;
border-right-style:   none;
border-bottom-style:   none;
border-left-style:   none;
border-top-color:   #333333;
padding-top:2px;   background-color:#FFFFFF;   color:#000000;
}
#left{   width:698px;   border:solid   1px   #ccddff;   float:left}
#right{   width:296px;   float:right;   background-color:#CCFFFF;   color:#333333}
#art_guide{   background-color:#DAE7F3;   width:698px;   height:25px;   color:#333333;}
#art_title{   font-size:16px;   font-weight:bold;   text-align:center;   color:#27479E;   background-color:#FFFFFF;margin:22px   10px   22px   10px}
#art_guidetitle{   font-size:14px;   text-align:right;   line-height:220%;   margin:0px   10px   0px   160px;   font-weight:normal}
#art_title_other{
font-size:   12px;
color:   #A9C7E2;
border-bottom-width:   1px;
border-top-style:   none;
border-right-style:   none;
border-bottom-style:   solid;
border-left-style:   none;
border-bottom-color:   #A9C7E2;
text-align:right;   margin-bottom:9px;   line-height:150%;   padding-left:10px;   background-color:#FFFFFF;
}
#art_content{   font-size:14px;   text-align:left;   text-indent:28px;   line-height:150%;   padding:10px}
#blue_line{   width:676px;   height:1px;   overflow:hidden;   margin:10px   0px   10px   0px;   background-color:#B6CFE7;   color:#000000}
#fenye{   font-size:12px;   text-align:right;   padding-right:15px;   color:#306494;   line-height:200%;   background-color:#FFFFFF}/*分页部分*/
/*相关新闻部分---begin*/
#xiangguanNews_content{   width:610px}
#xiangguanNews{   width:610px;   line-height:200%;   float:right;   text-align:left;   margin-top:10px;   color:#0000FF;   font-size:12px;   background-color:#FFFFFF   }
#XGXWTitle{   font-size:14px;   line-height:200%;   font-weight:bold;   text-align:left}
#xiangguanNews   a{   color:#0000FF;   line-height:200%;   background-color:#FFFFFF}
/*   #xiangguanNews   a:link;a:visited;a:hover;a:active{   color:#0000FF;   line-height:200%}
/*相关新闻部分---end*/

/*相关搜索---begin*/
#XiangGuanSearch{   background-image:url(images/search_back.jpg);
width:676px;   height:31px;   padding-top:9px;   font-size:12px;   margin:6px   0px   15px   0px;   text-align:left;   padding-left:12px;}
#XiangGuanSearch   a{   color:#FF0000;   background-color:#FFFFFF}
/*#XiangGuanSearch   a:link;a:visited;a:hover;a:active{   color:#FF0000}
/*相关搜索---end*/

/*评论——begin*/
#pinglun{   border:1px   solid   #666666;   padding:1px;   width:652px;   height:109px;   margin-bottom:10px}
#pinglun_title{   background-color:#CCCCCC;   color:#333333;   height:20px;   width:650px;   font-size:12px;   font-weight:bold;   text-align:left;   padding-top:3px;   padding-left:6px   }
/*评论——end*/
#adv{   width:360px;   height:300px;   float:left}


html:
<!DOCTYPE   HTML   PUBLIC   "-//W3C//DTD   HTML   4.01   Transitional//EN "   "http://www.w3.org/TR/html4/loose.dtd ">
<html>


<head>
<meta   http-equiv= "Content-Type "   content= "text/html;   charset=gb2312 ">
<title> 无标题文档 </title>
<link   href= "../inc/cww.css "   rel= "stylesheet "   type= "text/css ">
<link   href= "article.css "   rel= "stylesheet "   type= "text/css ">
</head>

<body>
<!--#include   file= "../inc/top.htm "-->
<div   id= "outside ">
<div   id= "topAdv "> </div>
<div   id= "left ">
<div   id= "art_guide "> </div>
<div   id= "art_title "> 文章标题文章标题文章标题   文章标题文章标题
<Div   id= "art_guidetitle "> ----副标题副标题副标题副标题副标题 </Div>
</div>
<div   id= "art_title_other "> 2007年05月15日07:46         来源       [评论(36)]     阅读   11489   次 </div>
<div   id= "art_content "> &nbsp;第一财经日报   马晓芳
    <p>   上周五,参与中移动2007年GSM网络升级设备招标的厂家终于拿到了中移动一期招标的汇总结果,但由于此次招标是分省进行,拿到正式的中标确认函还需要时间。 </p>
    <p>   据参与投标的厂家介绍,目前的结果基本与之前的预期符合,爱立信仍然保持份额第一的位置,大约在35%~40%,上海贝尔阿尔卡特(ASB)也是之前预料的20%左右,华为、中兴拿下25%的份额,与《第一财经日报 <br>
    》之前针对初步结果的报道一致。北电、西门 <br>
    子以及摩托罗拉的设备在此次招标中则被大量   替换。 </p>
    <p>   其中华为份额第二,为18.75%,中兴的份 <br>
    额为6.25%。一方面,华为、中兴等国产厂家的 <br>
    份额都有了破纪录的提升,另一方面,华为与   <br>
    兴之间的差距也有缩小的趋势。 </p>
    <p>   记者了解到,此次中移动招标规模为70万 <br>
    载频,总共分两期进行,上半年的招标规模 <br>
    为50万载频,下半年为20万载频,但由于每载 <br>
    频的价格已经非常低,总共花在设备上的金额 <br>
    将远远小于350亿元人民币,仅为100多亿元。 <br>
    根据上半年的结果,华为、中兴已经对下半年 <br>
    的招标份额提出了更高的目标。 </p>
    <p>   此外,记者了解到,中国联通2007年GSM投资招标也将于5月开始,总投资规模约136亿元,先期进行的核心网软交换部分招标中,华为、中兴也拿下了70%左右的份额。不过由于软交换部分,华为、中兴一贯占有优势,平均份额在50%以上,再加上核心网的价格越来越低、利润越来越薄,下一步进行的无线设备招标显得更为重要。 </p>
    <p>   业内人士认为,从长远趋势来看,国产设备替代国外设备将成为趋势。这一方面是国家信息安全的必要条件,另一方面,随着华为、中兴等通信企业技术实力的不断增强,产能也不断扩大,中国通信企业已经做好了准备。 </p>
</div>
<div   id= "blue_line "> </div>
<Div   id= "fenye "> [1]   [2]   [3] <span   style= "   color:#ff6600   ;   margin-left:30px "> 编辑:高媛 </span> </Div>
<div   id= "xiangguanNews_content ">
<div   id= "XGXWTitle "> [相关新闻] </div>
<div   id= "xiangguanNews ">
· <a   href= "/ "   target= "_blank "> 中国电子入主南京熊猫   国有信息产业加速整合 </a>     2007-05-15   16:47 <br>
· <a   href= "/ "   target= "_blank "> 中国电子入主南京熊猫   国有信息产业加速整合 </a>   2007-05-15   16:47 <br>
· <a   href= "/ "   target= "_blank "> 中国电子入主南京熊猫   国有信息产业加速整合 </a>   2007-05-15   16:47 <br>
· <a   href= "/ "   target= "_blank "> 中国电子入主南京熊猫   国有信息产业加速整合 </a>   2007-05-15   16:47 <br>
· <a   href= "/ "   target= "_blank "> 中国电子入主南京熊猫   国有信息产业加速整合 </a>   2007-05-15   16:47 <br>
· <a   href= "/ "   target= "_blank "> 中国电子入主南京熊猫   国有信息产业加速整合 </a>   2007-05-15   16:47 <br>


· <a   href= "/ "   target= "_blank "> 中国电子入主南京熊猫   国有信息产业加速整合 </a>   2007-05-15   16:47 <br>
· <a   href= "/ "   target= "_blank "> 中国电子入主南京熊猫   国有信息产业加速整合 </a>   2007-05-15   16:47 <br>
· <a   href= "/ "   target= "_blank "> 中国电子入主南京熊猫   国有信息产业加速整合 </a>   2007-05-15   16:47 <br>
· <a   href= "/ "   target= "_blank "> 中国电子入主南京熊猫   国有信息产业加速整合 </a>   2007-05-15   16:47 <br>
          <span   style= "text-align:right   ;   float:right ">   更多> > </span>
</div>
<div   id= "XiangGuanSearch "> 相关搜索: <a   href= "/ "   target= "_blank "> 南京熊猫 </a>   <a   href= "/ "   target= "_blank "> 中电 </a>   <a   href= "/ "   target= "/ "> 重组 </a>   <a   href= "/ "   target= "_blank "> 南京熊猫 </a>   <a   href= "/ "   target= "_blank "> 中电 </a>   <a   href= "/ "   target= "_blank "> 重组 </a>     <a   href= "/ "   target= "_blank "> 南京熊猫 </a>   <a   href= "/ "   target= "_blank "> 中电 </a>   <a   href= "/ "   target= "_blank "> 重组 </a>   </div>
<form   name= "form1 "   method= "post "   action= " ">
<div   id= "pinglun ">
<Div   id= "pinglun_title ">   [   发   表   评   论   ]   </Div>
</div>
<input   name= "fabiao "   type= "image "   src= "images/fabiao_botton.jpg "   alt= "发表 ">
</form>
</div>
</div>
</div>
<!--#include   file= "../inc/foot.htm "-->
</body>
</html>



[解决办法]
通过w3c说明没有错误的属性应用而已.
ie和ff再一些细节的解释上是不一致的,不如margin
[解决办法]
ie和ff有许多细节差别的,各自安装上web开发的调试工具,仔细调整一下
[解决办法]
IE7距FF2走的近了!个人认为,还是在IE下调好为首选!理想的情况下,是在FF下调好!,90%以上的上网用户还是用IE的!FF都是些开发者在用!
[解决办法]
根据本人的经验:尽量在IE7下进行CSS的开发,那样开发出来的代码基本上可以和FF兼容,如果在IE6下开发,会出现比较多的兼容性问题。

热点排行
Bad Request.