BYR Achieve · 镜像论坛

☆─────────────────────────────────────☆ didotee (didotee) 于 (Mon Nov 17 23:26:20 2008) 提到: 设计的首页某些板块在FIREFOX中出现字的重叠，导致不同行的字都重叠在了一起，IE下能正常显示，下面是首页调用的index.css的代码，请教高手该怎么修改。 @charset "GB2312"; /*左侧*/ .ileft { width:670px; float:left; overflow:hidden; } .leftop { width:670px; overflow:hidden; } .leftop .swfnews { width:280px; height:200px; float:left; } .leftop .topnews { width:384px; float:left; margin-left:6px; } .leftop .topnews dl { width:384px; background:url(topline_botbg.gif) left bottom repeat-x; padding-bottom:6px; } .leftop .topnews dl dt { padding:3px 0px 4px 5px; border-bottom:1px solid #DDD; } .leftop .topnews dl dt a { font-size:18px; color:#003399; font-weight:bold; display:block; } .leftop .topnews dl dt span { line-height:20px; color:#666; } .leftop .topnews dl dd { width:384px; overflow:hidden; } .leftop .topnews dl dd ul { width:384px; margin:6px auto 0px; } .leftop .topnews dl dd ul li { display:block; width:192px; height:29px; float:left; overflow:hidden; } .leftop .topnews dl dd ul li a { display:block; width:188px; height:29px; line-height:29px; overflow:hidden; white-space:nowrap; background:url(ico_2.gif) 5px 12px no-repeat; text-indent:21px; color:#666666; } /*左侧列表*/ .leftlist { width:668px; border:1px solid #DDD; overflow:hidden; } .leftlist .ptitle { width:666px; height:31px; margin:1px auto 0px; background:url(topline_botbg.gif) 0px -20px repeat-x; border-bottom:1px solid #EEE; } .leftlist .ptitle a { display:block; width:200px; height:31px; line-height:31px; background:url(article_ico_1.gif) 8px 8px no-repeat; text-indent:30px; font-size:14px; font-weight:bold; text-decoration:none; } .leftlist .ptlink { position:relative; float:right; margin:-23px 10px 0px 0px; display:inline; } .leftlist .ptlink a { color:#666666; } .leftlist .plist { width:668px; overflow:hidden; list-style:none; } /*资讯列表*/ .newsbox { width:680px; clear:both; overflow:hidden; } .newsbox dl { width:330px; float:left; margin-right:6px; border:1px solid #DDD; } .newsbox dl dt { width:328px; height:31px; margin:1px auto 0px; background:url(topline_botbg.gif) 0px -20px repeat-x; border-bottom:1px solid #EEE; } .newsbox dl dt a { display:block; height:31px; line-height:31px; background:url(article_ico_1.gif) 8px 8px no-repeat; text-indent:30px; font-size:14px; font-weight:bold; text-decoration:none; } .newsbox dl dd { width:330px; } .newsbox dl dd ul { width:300px; margin:6px auto; } .newsbox dl dd ul li { height:20px; line-height:25px; background:url(ico_4.gif) 6px 14px no-repeat; text-indent:20px; } .newsbox dl dd ul li a { color:#333333; font-size:12px; } .newsbox span{float:right} /*右侧*/ .iright { width:222px; float:right; } /*右侧:白底常规列表定义*/ .rlist { width:222px; } .rlist .title { width:222px; height:19px; padding-top:9px; background:url(rlist_title_bg.gif) no-repeat; text-indent:10px; font-weight:bold; letter-spacing:2px; color:#555; } .rbox { border:1px solid #DDD; width:220px; padding:5px 0px 7px 0px; } .rbox ul li { height:27px; line-height:27px; background:url(ico_4.gif) 12px 13px no-repeat; text-indent:23px; } .rbox ul li a { color:#039; } .retop { width:222px; background:url(no_list_bg_1.gif) 9px 31px repeat-y; } .retop .retitle { width:222px; height:18px; padding-top:12px; line-height:17px; background:url(jitop_bgtop.gif) no-repeat; text-indent:26px; font-weight:bold; letter-spacing:3px; } .retop dl { width:220px; border-color:#D9D9D9; border-style:solid; border-width:0px 1px 1px 1px; padding-bottom:5px; clear:both; background:url(no_list_1.gif) 8px 0px no-repeat; } .retop dl dd { height:23px; width:212px; display:block; clear:both; padding-top:7px; margin:0px 4px 0px 4px; background: url(hr_1.gif) center bottom repeat-x; } .retop dl dd span { display:inline; } .retop dl dd .title { float:left; margin-left:29px; } .retop dl dd .recount { float:right; text-align:left; font-size:10px; color:#339933; } /*友情链接*/ .flink { width:898px; margin:6px auto; border:1px solid #DDD; clear:both; overflow:hidden; } .flink .title { height:26px; line-height:26px; background:url(flink_title_bg.gif) repeat-x; } .flink .title dl dt { width:200px; float:left; line-height:26px; text-indent:20px; font-weight:bold; letter-spacing:2px; color:#666666; } .flink .title dl dd { color:#AAA; float:right; margin-right:10px; display:inline; } .flink .title dl dd a { color:#666666; } .flink .flinkcon { width:880px; margin:0px auto 0px; overflow:hidden; width:880px; padding-bottom:10px; } .flink .flinkcon a { color:#666666; display:block; float:left; height:15px; line-height:15px; padding-right:12px; padding-left:12px; margin:10px 0px 0px -1px; white-space:nowrap; border-left:1px solid #EEE; } /*用户登录*/ .userlogin { overflow:hidden; } .userlogin dl { clear:both; height:23px; line-height:23px; margin-top:7px; } .userlogin dl dt { float:left; display:block; width:66px; text-align:right; } .userlogin dl dd { float:left; } .userlogin dl dd input { height:13px; width:126px; font-size:12px; padding:3px 0 3px 5px; border-width:1px; border-style:solid; border-color:#808080 #D4D0C8 #D4D0C8 #808080; } .userlogin dl dd img { vertical-align:middle; } .userlogin dl dd input.gdcode { width:52px; } .userlogin .ulsubmit { text-align:center; margin-top:15px; height:33px; } [/QUOTE][/QUOTE] ☆─────────────────────────────────────☆ diysimon (I'm Forain) 于 (Tue Nov 18 10:08:34 2008) 提到: html呢？ ☆─────────────────────────────────────☆ ro4074 (偶泥酱) 于 (Tue Nov 18 13:11:29 2008) 提到: 没仔细看你的代码，不过ie和ff在height属性上解析是不同的，ie的自适应更好，建议你修改一下表达方式，同时适应ie和ff是可以做到的 ☆─────────────────────────────────────☆ leeprince (locoroca) 于 (Tue Nov 18 19:02:02 2008) 提到: firebug下看一下不就知道了~ ☆─────────────────────────────────────☆ ericyosho (ericyosho) 于 (Tue Nov 18 19:35:56 2008) 提到: 不许给IE脸上贴金。明明是IE包庇错误和非标准的能力更好 =。= 【在 ro4074 的大作中提到: 】 : 没仔细看你的代码，不过ie和ff在height属性上解析是不同的，ie的自适应更好，建议你修改一下表达方式，同时适应ie和ff是可以做到的 ☆─────────────────────────────────────☆ lanphon (灌水协会副主席｜灌水帮少帮主嗯) 于 (Tue Nov 18 19:36:28 2008) 提到: 厄，深有体会【在 ericyosho (ericyosho) 的大作中提到: 】 : 不许给IE脸上贴金。 : 明明是IE包庇错误和非标准的能力更好 : =。= : ................... ☆─────────────────────────────────────☆ ericyosho (ericyosho) 于 (Tue Nov 18 20:34:25 2008) 提到: 话说，LZ，你得把HTML一起也给出来啊不然看着一堆CSS，万一有高手有心改都无处使力…… ☆─────────────────────────────────────☆ didotee (didotee) 于 (Tue Nov 18 23:19:08 2008) 提到: 【在 ericyosho 的大作中提到: 】 : 话说，LZ，你得把HTML一起也给出来啊 : 不然看着一堆CSS，万一有高手有心改都无处使力…… 给一个index模板 <!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" xml:lang="zh-cn"> <head> <meta name="keywords" content="" /> <meta http-equiv="Content-Type" content="text/html; charset=GB2312" /> <title>{sys:webname}-</title> <meta name="description" content=" "><link href="{sys:skinurl}style.css" rel="stylesheet" type="text/css" /> <link href="{sys:skinurl}index.css" rel="stylesheet" type="text/css" /> </head> <body> <div class="top cbody"> <div class="toplogo"> <a href="{sys:indexview}"><img src="{sys:skinurl}toplogo.gif" width="200" height="60" alt="{sys:webname}" /></a> </div> <div class="topbanner"> {my:topad} </div> <div class="toplink"> <ul> <li><a href="{sys:plusurl}search/index.asp">站内搜索</a></li> <li><a href='#' onclick="javascript:window.external.AddFavorite('{sys:indexview}','{sys:webname}');">收藏本站</a></li> <li><a href="" target="_blank"><font color="red">联系我们</font></a></li> <li><a href="" id="StranLink">繁体中文</a></li> </ul> </div> </div>  <div class="topmenu cbody"> <ul> <li><a href="{sys:indexview}" class="thisclass">{sys:indexname}</a> </li>  <li><a href='[channel:curl]'>[channel:cname]</a> </li>  </ul> </div>  <div class="topsearch cbody"> <div class="title"> </div> <div class="inpbox"> <form action="{sys:plusurl}search/index.asp" name="formsearch"> <input name="keyword" id="keyword" type="text" class="searchtxt" /> <select name="searchtype" id="searchtype"> <option value="titlekeywords" selected>智能模糊搜索</option> <option value="title">仅搜索标题</option> </select> <input type="image" src="{sys:skinurl}topsearch_submit.gif" /> </form> </div> <div class="hots"> <strong>热门关键字：</strong>  <a href='{sys:plusurl}search/index.asp?keyword=[tags:name $function=urlencode]' target='_self'><u>[tags:name $len=6]</u></a>  </div> </div>  <div class="main cbody margintop">  <div class="ileft"> <div class="leftop">  <div class="swfnews"><center> <script type="text/javascript"> var swf_width=278; var swf_height=220; var config='3|0xffffff|0x0099ff|80|0xffffff|0x0099ff|0x000000'; //-- config 参数设置 -- 自动播放时间(秒)|文字颜色|文字背景色|文字背景透明度|按键数字颜色|当前按键颜色|普通按键色彩 -- var files='',links='', texts='';  files+='|[pic:indexpic]';links+='|[pic:aurl]';texts+='|[pic:title]';  files=files.substring(1);links=links.substring(1);texts=texts.substring(1); document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="'+ swf_width +'" height="'+ swf_height +'">'); document.write('<param name="movie" value="{sys:skinurl}focus.swf" />'); document.write('<param name="quality" value="high" />'); document.write('<param name="menu" value="false" />'); document.write('<param name=wmode value="opaque" />'); document.write('<param name="FlashVars" value="config='+config+'&bcastr_flie='+files+'&bcastr_link='+links+'&bcastr_title='+texts+'" />'); document.write('<embed src="{sys:skinurl}focus.swf" wmode="opaque" FlashVars="config='+config+'&bcastr_flie='+files+'&bcastr_link='+links+'&bcastr_title='+texts+'& menu="false" quality="high" width="'+ swf_width +'" height="'+ swf_height +'" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />'); document.write('</object>'); </script></center> </div> <div class="topnews"> <dl> <dd> <ul> <li><a href='[list:aurl]'>[list:titlex $len=22 $lenext=...]</a></li> </ul> </dd> </dl> <div class="margintop" >{my:index384x56}</div> </div> </div>  <div class="newsbox margintop"> <dl{if:[channel:i]>2} class="margintop"{end if}> <dt><a href="[channel:curl]">[channel:cname]</a></dt> <dd> <ul> <li><span style="float:right;">[list:createtime $format=yy-mm-dd]</span><a href="[list:aurl]">[list:titlex $len=33 $lenext=...]</a></li> </ul> </dd> </dl> </div> </div>   <div class="iright"> <div class="retop margintop"> <div class="retitle"> 站长推荐 </div> <dl> <dd><span class="title"><a href='[re:aurl]'>[re:titlex $len=22 $lenext=...]</a> </span></dd> </dl> </div> <div class="rlist margintop"> <div class="title"> </div> <div class="rbox"> <ul>{my:adright}</ul> </div> </div>  <div class="retop margintop"> <div class="retitle"> 热门文章 </div> <dl> <dd><span class="title"><a href='[re:aurl]'>[re:titlex $len=22 $lenext=...]</a> </span></dd> </dl> </div> <div class="rlist margintop"> <div class="title"> </div> <div class="rbox"> <ul>{my:index200x152}</ul> </div> </div> </div> </div>  <div class="flink"> <div class="title"> <dl> <dt>友情链接 & 合作伙伴</dt> <dd></dd> </dl> </div> <div class="flinkcon">{MY:LINK}</div> </div>  <div class="footer cbody margintop"> <div class="copyright"> {my:footer1}<br /> <span>{my:footer2}</span> </div> <div class="slogo"> </div> <div class="floatclear"> </div> </div> <script language="javascript" src="/images/lang.js"></script> </body> </html>

[合集] 【求助】网页FIREFOX兼容问题