+ -
当前位置:首页 → 问答吧 → css兼容性问题请教

css兼容性问题请教

时间:2010-10-14

来源:互联网

在ie浏览器下浏览正常,但是在firefox浏览器中<dl >......</dl> 之间的内容都右对齐了!

firefox.gif (18.96 KB)
2010-10-14 09:36


在IE中正常
ie.gif (49.34 KB)
2010-10-14 09:36



在IE中正常
未标题-3.gif (65.61 KB)
2010-10-14 09:36



如果设置.c-industry2 {float: left;},分类目录的两边的边框在Firefox浏览器下又不见了。
未标题-4.gif (95.66 KB)
2010-10-14 09:36
复制内容到剪贴板
代码:
<div class="category-list">                        
   <dl class="category c-industry2" onmouseover="this.className='category
c-industry2 on';" onmouseout="this.className='category c-industry2';">
    <dt>
        <ul class="fl-title">
            <li>
                <span class="fr mr blue">教你轻松做生意</span>
                <span class="fr mr">
                    <a target="_blank"
href="{$MODULE[2][linkurl]}{$DT[file_my]}" title="发布信息"><img
src="{SKIN_PATH}images/aniu5.png" alt="发布信息"></a>
                </span>
                <span class="fr mr2">
                    时尚最热卖手机,超值又放心
                    <a target="_blank"
href="{DT_PATH}"
class="red">立即查看&gt;&gt;</a>
                </span>
                <span class="tt1 li2">工业品</span>
            </li>
        </ul>
    </dt>
    <dd>
        {php $child = get_maincat(0, $CATEGORY, 10);}
        {loop $child $i $c}
        {if $i%2==0}<ul class="category_row">{/if}
<li class="w1" width="46%">
            <a class="m"
target="_blank" href="{$MODULE[$mid][linkurl]}{$c[linkurl]}" style="color: red;">{set_style($c[catname], $c[style])}</a>
            {if $c[child]}
            {php $sub = get_maincat($c[catid], $CATEGORY, 2);}
            {loop $sub $j $s}{if $j < 5} <a class="m" target="_blank" href="{$MODULE[$mid][linkurl]}{$s[linkurl]}">{set_style($s[catname], $s[style])}</a>{/if}{/loop}
            {/if}
        {if $c[child]}
        {php $sub = get_maincat($c[catid], $CATEGORY, 1);}
            <ul class="cell_category">
            {loop $sub $j $s}
            <li><a href="{$MODULE[$mid][linkurl]}{$s[linkurl]}" target="_blank">{set_style($s[catname], $s[style])}</a></li>
            {/loop}
            </ul>
        {/if}
    </li>
        {if $i%2==1}</ul>{/if}
        {/loop}
    </dd>
{load('ad_29.htm')}
</dl>
<dl class="category c-industry2 clear" onmouseover="this.className='category
c-industry2 on';" onmouseout="this.className='category c-industry2';">
    <dt>
        <ul class="fl-title">
            <li>
                <span class="fr mr blue">教你轻松做生意</span>
                <span class="fr mr">
                    <a target="_blank"
href="{$MODULE[2][linkurl]}{$DT[file_my]}" title="发布信息"><img
src="{SKIN_PATH}images/aniu5.png" alt="发布信息"></a>
                </span>
                <span class="fr mr2">
                    恋上你的床,床上用品特价展销
                    <a target="_blank"
href="{DT_PATH}"
class="red">立即查看&gt;&gt;</a>
                </span>
                <span class="tt1 li2">消费品</span>
            </li>
        </ul>
    </dt>
    <dd>
            {php $child = get_maincat(0, $CATEGORY, 9);}
        {loop $child $i $c}
        {if $i%2==0}<ul class="category_row">{/if}
<li class="w1" width="46%">
            <a class="m"
target="_blank" href="{$MODULE[$mid][linkurl]}{$c[linkurl]}" style="color: red;">{set_style($c[catname], $c[style])}</a>
            {if $c[child]}
            {php $sub = get_maincat($c[catid], $CATEGORY, 2);}
            {loop $sub $j $s}{if $j < 5} <a class="m" target="_blank" href="{$MODULE[$mid][linkurl]}{$s[linkurl]}">{set_style($s[catname], $s[style])}</a>{/if}{/loop}
            {/if}
        {if $c[child]}
        {php $sub = get_maincat($c[catid], $CATEGORY, 1);}
            <ul class="cell_category">
            {loop $sub $j $s}
            <li><a href="{$MODULE[$mid][linkurl]}{$s[linkurl]}" target="_blank">{set_style($s[catname], $s[style])}</a></li>
            {/loop}
            </ul>
        {/if}
    </li>
    {if $i%2==1}</ul>{/if}
        {/loop}
    </dd>
{load('ad_34.htm')} {load('ad_36.htm')}
</dl>
<dl class="category c-industry2" onmouseover="this.className='category
c-industry2 on';" onmouseout="this.className='category c-industry2';">
    <dt>
        <ul class="fl-title">
            <li>
                <span class="fr mr blue">教你轻松做生意</span>
                <span class="fr mr">
                    <a target="_blank"
href="{$MODULE[2][linkurl]}{$DT[file_my]}" title="发布信息"><img
src="{SKIN_PATH}images/aniu5.png" alt="发布信息"></a>
                </span>
                <span class="fr mr2">
                    男人也疯狂!特惠爆卖帅气男装
                    <a target="_blank"
href="{DT_PATH}"
class="red">立即查看&gt;&gt;</a>
                </span>
                <span class="tt1 li2">原材料</span>
            </li>
        </ul>
    </dt>
    <dd>
                {php $child = get_maincat(0, $CATEGORY, 8);}
        {loop $child $i $c}
        {if $i%2==0}<ul class="category_row">{/if}
<li class="w1" width="46%">
            <a class="m"
target="_blank" href="{$MODULE[$mid][linkurl]}{$c[linkurl]}" style="color: red;">{set_style($c[catname], $c[style])}</a>
            {if $c[child]}
            {php $sub = get_maincat($c[catid], $CATEGORY, 2);}
            {loop $sub $j $s}{if $j < 5} <a class="m" target="_blank" href="{$MODULE[$mid][linkurl]}{$s[linkurl]}">{set_style($s[catname], $s[style])}</a>{/if}{/loop}
            {/if}
        {if $c[child]}
        {php $sub = get_maincat($c[catid], $CATEGORY, 1);}
            <ul class="cell_category">
            {loop $sub $j $s}
            <li><a href="{$MODULE[$mid][linkurl]}{$s[linkurl]}" target="_blank">{set_style($s[catname], $s[style])}</a></li>
            {/loop}
            </ul>
        {/if}
    </li>
    {if $i%2==1}</ul>{/if}
        {/loop}
    </dd>
{load('ad_37.htm')} {load('ad_35.htm')}
</dl>
<dl class="category c-industry2" onmouseover="this.className='category
c-industry2 on';" onmouseout="this.className='category c-industry2';">
    <dt>
        <ul class="fl-title">
            <li>
                <span class="fr mr blue">教你轻松做生意</span>
                <span class="fr mr">
                    <a target="_blank"
href="{$MODULE[2][linkurl]}{$DT[file_my]}" title="发布信息"><img
src="{SKIN_PATH}images/aniu5.png" alt="发布信息"></a>
                </span>
                <span class="fr mr2">
                    超赞护肤品,网友好评如潮
                    <a target="_blank"
href="{DT_PATH}"
class="red">立即查看&gt;&gt;</a>
                </span>
                <span class="tt1 li2">商业服务</span>
            </li>
        </ul>
    </dt>
    <dd>
            {php $child = get_maincat(0, $CATEGORY, 7);}
        {loop $child $i $c}
        {if $i%2==0}<ul class="category_row">{/if}
<li class="w1" width="46%">
            <a class="m"
target="_blank" href="{$MODULE[$mid][linkurl]}{$c[linkurl]}" style="color: red;">{set_style($c[catname], $c[style])}</a>
            {if $c[child]}
            {php $sub = get_maincat($c[catid], $CATEGORY, 2);}
            {loop $sub $j $s}{if $j < 5} <a class="m" target="_blank" href="{$MODULE[$mid][linkurl]}{$s[linkurl]}">{set_style($s[catname], $s[style])}</a>{/if}{/loop}
            {/if}
        {if $c[child]}
        {php $sub = get_maincat($c[catid], $CATEGORY, 1);}
            <ul class="cell_category">
            {loop $sub $j $s}
            <li><a href="{$MODULE[$mid][linkurl]}{$s[linkurl]}" target="_blank">{set_style($s[catname], $s[style])}</a></li>
            {/loop}
            </ul>
        {/if}
    </li>
    {if $i%2==1}</ul>{/if}
        {/loop}
<ul class="category_row">        
<li class="w1" width="46%">
            <a class="m" href="/sell/list.php?catid=8103" target="_blank" style="color: red;"><span style="color:#ff3030">交通运输网</span></a>
                                     <a class="m" href="/sell/list.php?catid=8231" target="_blank">船舶</a> <a class="m" href="/sell/list.php?catid=8234" target="_blank">加油站设备</a> <a class="m" href="/sell/list.php?catid=8240" target="_blank">物流服务</a>
                            <ul class="cell_category">
                        <li><a href="/sell/list.php?catid=8150" target="_blank" class="g">交通安全设施</a></li>
                        <li><a href="/sell/list.php?catid=8199" target="_blank" class="g">运输搬运设备</a></li>
                        <li><a href="/sell/list.php?catid=8212" target="_blank" class="g">船舶救生器材</a></li>
                        <li><a href="/sell/list.php?catid=8216" target="_blank" class="g">船舶通讯导航</a></li>
                        <li><a href="/sell/list.php?catid=8224" target="_blank" class="g">电梯及配件</a></li>
                        <li><a href="/sell/list.php?catid=8232" target="_blank" class="g">船舶专用配件</a></li></ul>
            </li>
                    <li class="w1" width="46%">
            <a class="m" href="/cooperation" target="_blank" style="color: red;"><span style="color:#ff3030">项目合作</span></a>
                                     <a class="m" href="/sell/list.php?catid=17882" target="_blank">招标投标</a> <a class="m" href="/sell/list.php?catid=17883" target="_blank">招商引资</a> <a class="m" href="/sell/list.php?catid=17853" target="_blank">五金工具</a>
                            <ul class="cell_category">
                        <li><a href="/sell/list.php?catid=17880" target="_blank" class="g">资金合作</a></li>
                        <li><a href="/sell/list.php?catid=17856" target="_blank" class="g">家电</a></li>
                        <li><a href="/sell/list.php?catid=17848" target="_blank" class="g">租赁服务</a></li>
                        <li><a href="/sell/list.php?catid=17881" target="_blank" class="g">技术合作</a></li>
                        <li><a href="/sell/list.php?catid=17840" target="_blank" class="g">服装项目合作</a></li>
                        <li><a href="/sell/list.php?catid=17841" target="_blank" class="g">建筑项目合作</a></li>
                        <li><a href="/sell/list.php?catid=17842" target="_blank" class="g">机械项目合作</a></li></ul>
            </li>
    </ul>                
    <ul class="category_row"><li class="w1" width="46%">
            <a class="m" href="/sell/list.php?catid=17732" target="_blank" style="color: red;"><span style="color:#ff3030">二手设备转让</span></a>
                                     <a class="m" href="/sell/list.php?catid=17735" target="_blank">二手机床</a> <a class="m" href="/sell/list.php?catid=17760" target="_blank">二手电脑及配件</a>
                            <ul class="cell_category">
                        <li><a href="/sell/list.php?catid=17733" target="_blank" class="g">二手照明器材</a></li>
                        <li><a href="/sell/list.php?catid=17734" target="_blank" class="g">二手广电设备</a></li>
                        <li><a href="/sell/list.php?catid=17736" target="_blank" class="g">二手通用零部件</a></li>
                        <li><a href="/sell/list.php?catid=17737" target="_blank" class="g">二手工程机械</a></li>
                        <li><a href="/sell/list.php?catid=17738" target="_blank" class="g">二手木工机械</a></li>
                        <li><a href="/sell/list.php?catid=17758" target="_blank" class="g">二手食品机械</a></li>    
                                    </ul>
            </li>
                    <li class="w1" width="46%">
            <a class="m" href="/processing" target="_blank" style="color: red;"><span style="color:#ff3030">加工网</span></a>
                                     <a class="m" href="/sell/list.php?catid=17644" target="_blank">纺织品加工</a> <a class="m" href="/sell/list.php?catid=17658" target="_blank">服装加工</a> <a class="m" href="/sell/list.php?catid=17662" target="_blank">工艺品加工</a>
                                     <ul class="cell_category">
                        <li><a href="/sell/list.php?catid=17648" target="_blank" class="g">橡胶加工</a></li>
                        <li><a href="/sell/list.php?catid=17683" target="_blank" class="g">建材加工</a></li>
                        <li><a href="/sell/list.php?catid=17642" target="_blank" class="g">生活印刷加工</a></li>
                        <li><a href="/sell/list.php?catid=17663" target="_blank" class="g">家居用品加工</a></li>
                        <li><a href="/sell/list.php?catid=17643" target="_blank" class="g">鞋材、鞋件加工</a></li>
                        <li><a href="/sell/list.php?catid=17650" target="_blank" class="g">玻璃加工</a></li>
                        <li><a href="/sell/list.php?catid=17645" target="_blank" class="g">机械加工</a></li>
                        <li><a href="/sell/list.php?catid=17664" target="_blank">饰品加工</a></li>
                        </ul>
            </li>
    </ul>                
    <ul class="category_row"><li class="w1" width="46%">
            <a class="m" href="/invest" target="_blank" style="color: red;"><span style="color:#ff3030">代理网</span></a>
                                     <a class="m" href="/invest/list.php?catid=17794" target="_blank">电脑产品代理加盟</a> <a class="m" href="/invest/list.php?catid=17820" target="_blank">饰品代理加盟</a>
                        <ul class="cell_category">
                        <li><a href="/invest/list.php?catid=17785" target="_blank" class="g">服装代理加盟</a></li>
                        <li><a href="/invest/list.php?catid=17786" target="_blank" class="g">服饰代理加盟</a></li>
                        <li><a href="/invest/list.php?catid=17788" target="_blank" class="g">家用电器代理加盟</a></li>
                        <li><a href="/invest/list.php?catid=17779" target="_blank" class="g">纺织、皮革制品代理</a></li>
                        <li><a href="/invest/list.php?catid=17780" target="_blank" class="g">礼品代理加盟</a></li>
                        <li><a href="/invest/list.php?catid=17784" target="_blank" class="g">建材代理</a></li>
                                    </ul>
            </li>
                    <li class="w1" width="46%">
            <a class="m" href="/stock" target="_blank" style="color: red;"><span style="color:#ff3030">库存网</span></a>
                                     <a class="m" href="/sell/list.php?catid=17701" target="_blank">库存图书</a> <a class="m" href="/sell/list.php?catid=17707" target="_blank">库存服装</a> <a class="m" href="/sell/list.php?catid=17720" target="_blank">库存玩具</a>    
                            <ul class="cell_category">
                        <li><a href="/sell/list.php?catid=17696" target="_blank" class="g">库存五金工具</a></li>
                        <li><a href="/sell/list.php?catid=17697" target="_blank" class="g">库存电子元器件材料</a></li>
                        <li><a href="/sell/list.php?catid=17698" target="_blank" class="g">库存化工设备</a></li>
                        <li><a href="/sell/list.php?catid=17699" target="_blank" class="g">库存照明器材</a></li>
                        <li><a href="/sell/list.php?catid=17700" target="_blank" class="g">库存音像制品</a></li>
                        <li><a href="/sell/list.php?catid=17702" target="_blank" class="g">库存农产品</a></li>
                                </ul>
            </li>
    </ul>            </dd>
{load('ad_38.htm')} {load('ad_39.htm')}
</dl>
                  
</div>

.category-list {border:1px solid #FFA7A6;border-top:1px solid #E8E8E8;width:631px} .category {overflow:hidden;zoom:1;border-top:1px dashed #FFA7A6;border-right:1px solid #ffffff;border-bottom:1px solid #ffffff;border-left:1px solid #ffffff} .category.on {border:1px solid #FFEFEF;background-color:#FEF8F8} .category dt {width:620px;margin:5px 0 0px 5px} .category.on dt {background-color:#FFEFEF} .fl-title {border-bottom:1px dashed #FF0000} .tt1 {color:#000000;font-size:14px;font-weight:bold;letter-spacing:6px} .li2 {background:url(images/sale/dian.png) 4px 1px no-repeat;padding-left:15px} .li22 {background:url(images/sale/dian2.png) 4px 8px no-repeat;padding-left:12px} .category dd {width:620px;margin:0px 0 8px 5px;overflow:hidden} .c-industry {} .c-industry2 {} a.m, a.m:link,a.m:visited {font-weight:bold;color:#0048A2;margin-right:3px} a.m:hover {color:#FF0000} a.m:active {font-weight:bold;color:#0048A2} a.l {font-weight:bold;color:#FF0000;margin-right:3px} .category_row {padding-right:0px;padding-left:0px;padding-bottom:3px;margin:5px 0px 0px;overflow:hidden;width:620px;padding-top:0px;list-style-type:none;height:auto;clear:both} .category_row .w1 {display:inline;float:left;width:305px;} .category_row .w1 .cell_category {list-style-type:none;width:300px;} .category_row .w1 ul {padding-left:2px;margin:0px 0px 0px -8px;zoom:1} .category_row .w1 ul:unknown {clear:both;display:block;visibility:hidden;height:0px;content:"."} .category_row li ul li {border-right:#ccc 1px solid;padding-right:6px;margin-top:6px;display:inline;float:left;margin-left:6px;line-height:14px;white-space:nowrap;list-style-type:none} .category_row li ul li.nobd {border-top-width:0px;padding-right:0px;border-left-width:0px;border-bottom-width:0px;border-right-width:0px} .category_bg {padding-right:8px;padding-left:8px;margin-left:-8px;margin-right:-8px;background-color:#ebf0f7} ul.cat_tag li.lead_buy_t {font-weight:bold;letter-spacing:normal} ul.cat_tag li.right {display:inline;float:right}
 提示:您可以先修改部分代码再运行
[ 本帖最后由 francoo 于 2010-10-14 09:42 编辑 ]

作者: francoo   发布时间: 2010-10-14

国内机房 VPS  Q6600  512M  20G硬盘 百兆共享 server2003系统 2300元/年
香港机房 VPS  Q6600  512M  10G硬盘 百兆共享 server2003系统 6500元/年

香港/国内虚拟主机150M+域名+企业邮箱 5用户280/年
香港/国内虚拟主机500M+域名+企业邮箱15用户980/年


迅捷数据中心 提供香港和国内  VPS 虚拟主机  服务器托管租用

客服QQ:403387457  客服专线:400-883-1238   陈生
迅捷数据中心www.idcw.com
地址:广东省珠海市香洲柠溪路太和中心16E

作者: ww8613651   发布时间: 2010-10-14