[讨论] 对于IE6非正常显示的解决办法有无更好策略?

xcondor [楼主]

初级会员

帖子: 33
体力: 80
威望: 0
当前: 四川成都
离线: 2 天

专长 网页设计,策划,网站运营

1^# 大中小发表于 2008-8-6 14:35

两个平行排列的div

<!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><style type=text/css>
#content{margin:0 auto;width:624px;height:auto;margin-top:16px} 
#content_left{width:300px;height:337px;float:left;background-image:url(../images/page_14.gif);border:#c1c1c1 solid 1px} 
.title{width:300px;height:20px;border-bottom:#e75b2b 1px dotted;} 
.title span{ text-align:center;} 
.title img{text-algin:center;margin-left:15px;} 
#content_sjsc{width:300px;height:200px;padding:10px;} 
#content-sjpj{width:300px;height:50px;padding:10px;} 
#content_right{clear:right;float:left;width:310px;height:337px;margin-left:10px;border:1px solid #c1c1c1;-width:290px;}/*总计宽度:624px;/左content_left边框占了2个像素,距离左边10px,content_right边框占了2象素总计:14px*/ 
</style>
</head>
<body>
<div id="content_left"> 
<div class="title"> <span> <img src="images/spdh_icons.gif" /> <a class="p1" href="#">手机商城 </a> </span> </div> 
<div id="content_sjsc"> 
 
<h1>欧美： </h1> <br /> <a href="http://www.xunjieshop.com/Product/ProductList.aspx?BrandID=14" target="_blank">诺基亚 </a> &brvbar; <a href="http://www.xunjieshop.com/Product/ProductList.aspx?BrandID=15" target="_blank">摩托罗拉 </a> &brvbar; <a href="http://www.xunjieshop.com/Product/ProductList.aspx?BrandID=16" target="_blank">飞利浦 </a> &brvbar; <a href="http://www.xunjieshop.com/Product/ProductList.aspx?BrandID=46" target="_blank">索尼爱立信 </a> <h1>日韩： </h1> <br /> 
<a href="http://www.xunjieshop.com/Product/ProductList.aspx?BrandID=24" target="_blank">三星 </a> &brvbar; <a href="http://www.xunjieshop.com/Product/ProductList.aspx?BrandID=44" target="_blank">LG </a> <h1>国产： </h1> <br /> 
<a href="http://www.xunjieshop.com/Product/ProductList.aspx?BrandID=17" target="_blank">长虹 </a> &brvbar; <a href="http://www.xunjieshop.com/Product/ProductList.aspx?BrandID=18" target="_blank">天语 </a> &brvbar; <a href="http://www.xunjieshop.com/Product/ProductList.aspx?BrandID=19" target="_blank">海尔 </a> &brvbar; <a href="http://www.xunjieshop.com/Product/ProductList.aspx?BrandID=20" target="_blank">联想 </a> &brvbar; <a href="http://www.xunjieshop.com/Product/ProductList.aspx?BrandID=22" target="_blank">TCL </a> &brvbar; <a href="http://www.xunjieshop.com/Product/ProductList.aspx?BrandID=26" target="_blank">康佳 </a> &brvbar; <a href="http://www.xunjieshop.com/Product/ProductList.aspx?BrandID=27" target="_blank">亿通 </a> &brvbar; <br />佳通 &brvbar; 中兴 &brvbar; 国信 &brvbar; 高新奇 &brvbar; 创维 &brvbar; 万事通 &brvbar; <br /> 爱肯 &brvbar; 嘉源 &brvbar; 锋达通 &brvbar; 英华 &brvbar; 盟宝 &brvbar; 七喜 &brvbar; <br />新中侨 &brvbar; 众一 &brvbar; 商务通 &brvbar; 金立 &brvbar; 夏新 &brvbar; 酷派 &brvbar; <br /> 多普达 &brvbar; CECT &brvbar; 港利通 </div> 
<div class="title"> <span> <img src="images/spdh_icons.gif" /> <a class="p1" href="#">手机配件 </a> </span> </div> 
<div id="content-sjpj"> 
<a href="http://www.xunjieshop.com/Product/AccessoriesList.aspx?CategoryID=9" target="_blank">充电器 </a> &brvbar; <a href="http://www.xunjieshop.com/Product/AccessoriesList.aspx?CategoryID=10" target="_blank">蓝牙耳机 </a> &brvbar; <a href="http://www.xunjieshop.com/Product/AccessoriesList.aspx?CategoryID=11" target="_blank">数据线 </a> &brvbar; <a href="http://www.xunjieshop.com/Product/AccessoriesList.aspx?CategoryID=12" target="_blank">耳机 </a> &brvbar; <a href="http://www.xunjieshop.com/Product/AccessoriesList.aspx?CategoryID=13" target="_blank">内存卡 </a> &brvbar; <br /> <a href="http://www.xunjieshop.com/Product/AccessoriesList.aspx?CategoryID=14" target="_blank">其它 </a> &brvbar; <a href="http://www.xunjieshop.com/Product/AccessoriesList.aspx?CategoryID=28" target="_blank">电池 </a> </div> 
</div> 
<div id="content_right"> </div> 
</body>
</html>

提示：您可以先修改部分代码再运行

对于IE6下显示错位的办法有没有更好的策略![/code]

[ 本帖最后由 xcondor 于 2008-8-6 14:40 编辑 ]

请把牛B还给牛

TOP

做西部数码代理.Cn1元国际45元 | 微软开发者工具互动网站

lois2008

我属猫

中级会员

帖子: 157
体力: 280
威望: 0
当前: 浙江嘉兴
离线: 1 天

专长 网页设计,平面,策划

2^# 大中小发表于 2008-8-6 16:32

用背景图实现等高

TOP

美橙vps独立IP月付189元 | 千千静听皮肤设计大赛

‹‹ 上一主题 | 下一主题 ››