当前位置：首页 → 问答吧 → 新手！我加个图片！在IE6怎么就跑位了呢？

新手！我加个图片！在IE6怎么就跑位了呢？

时间：2010-09-21

来源：互联网

<!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> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>淘宝购物主页！</title> <meta http-equiv="X-UA-Compatible" content="IE=7"> <meta name="keywords" content="" /> <meta name="description" content="" /> <script type="text/javascript">HOME_URL = "http://www.baidu.com";</script> <style> body,ul,li,form,label,h1,h2,h3,h4,h5,h6,p,div,dl,dd,dt,button { margin:0; padding:0;} img,button { border:0;} ul,ul li,dl ,dt,dd { list-style:none;} em {font-style:normal;} input,select,body { font-family:Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;} h2 { font-size:14px;} .fl { float:left} .fr { float:right} .clearfix{zoom:1;} .clearfix:after{content:"\0020";display:block;clear:both;height:0;} ul.clearfix li{ float:left;} .red { color:#f00;} .green{ color:#178517;} .blue { color:#00F;} .black { color:#000;} .blue2,.location a{color:#015bab;} a { text-decoration:none; color:#000; cursor:pointer;} #top,#header .box ,#ex a,#cal .m a.clock,#skinlist a,.setting a,#set li.sethome,#sm li,#sf,#sw,#sb,.tg-ms,.rc-tp,.rc-tp b,.rc-bt b,.rc-bt,#settingBox .h2 { background:url(images/head_bg.gif) no-repeat;} .rc-tp,.rc-bt { position:relative; z-index:1; display:block; height:4px; overflow:hidden; } .rc-tp b,.rc-bt b { float:right; width:4px; height:4px; } .rc-tp { margin-bottom:-4px; } .rc-bt { margin-top:-4px; } .rc-tp{ background-position:-104px -292px;} .rc-tp b { background-position:-100px -292px;} .rc-bt b {background-position:-100px -296px;} .rc-bt { background-position:-104px -296px;} body { font-size:14px; line-height:1.5; color:#000; background:#3B85C3;} #wrap { width:980px; margin: 0 auto; background:#fff; padding:0 10px;} .box,#top,#settingBox{ border:1px solid #ace;} #top {line-height:22px; height:24px; background-repeat:repeat-x; border-bottom:none; padding:0 0 0 5px; font-size:12px; color:#666;} #top a { color:#666;} #weather { float:left;} #set { float:right;} #set li { float:left; margin:0 5px; height:22px; line-height:24px; overflow:hidden; display:inline;} #set li.sethome { background-position:-89px -183px; padding-left:20px;} #skinlist a { float:left; overflow:hidden; text-indent:-999px; margin: 6px 2px 0; display:block; height:12px; width:12px;} #skinlist a.blue { background-position:0 -193px;} #skinlist a.green { background-position:-12px -181px;} #skinlist a.pink { background-position:-24px -181px;} #set a.active { color:#f60; font-weight:bold;} .filter {filter:alpha(opacity=100); display:none;} .setting a{ height:21px; width:75px; display:block; background-position:0 -213px; text-indent:-9999px; margin: 1px 0 0 0;} #settingBox { background:#fff; border-width:2px; position:absolute; height:230px; width:260px; top:24px; margin-left:714px; z-index:10;} #settingBox .loading{ height:230px; width:260px;} #settingBox .h2{ background-position:0 -245px; height:24px; text-indent:-9999px; position:absolute; top:-24px; right:-2px; width:84px; cursor:pointer;} #header {margin-bottom:5px;} #header .box { height:74px; background-position:0 -365px; background-repeat:repeat-x; } #logo,#email_114la {float:left; display:inline;} #logo{ margin: 2px 0 0 5px;} #email_114la { margin-left:8px; margin-top:2px;width:200px;} #email_114la li { height:23px;clear:both;} #email_114la label { width:36px; line-height:23px; float:left;font-size:12px;} #email_114la .int { font-size:12px; padding:1px 2px 0; height:16px;} #mail_user_114la { width:146px;} #mail_server_114la { width:154px; height:20px; font-size:12px; margin-top:2px;} #mail_passwd_114la { width:94px; margin-right:2px;} #email_114la .btn { width:50px; text-align:center; height:22px; font-size:12px;} #bn { float:right; height:60px; overflow:hidden; width:638px; margin:7px 5px 0 0;} #google { width:380px; font-size:12px; margin-right:5px; height:60px; overflow:hidden; float:left;} #cal { height:60px; float:right; width:148px; font-size:12px; text-align:center; line-height:20px;} #cal .date a{ font-weight:bold; color:#015BAB;} #cal .m a { float:left; text-align: center; width:40px;} #cal a:hover,#ex a:hover { color:#f00; text-decoration:underline;} #cal .m a.hl { margin-left:5px;} #cal .m a.clock { background-position:-89px -210px; text-align:left; width:30px; padding-left:18px; margin-left:8px;} #search {} #ex,#sm li { height:21px; line-height:21px;} #ex { float:right; font-size:12px;} #ex a { float:left; margin:0 5px; padding-left:18px; color:#666;} #ex a.fb { background-position:-89px -263px; color:#f00;} #ex a.desk { background-position:-89px -237px} #ex a.exTitle { background:url(images/extitle.gif) no-repeat left center; color:#eb7914; padding-left:18px;} #sm {} #sm { margin-left:94px;} #sm ul,#sm li { float:left; display:inline;} #sm li { background-position:0 -279px;cursor:pointer; margin:0 1px; font-size:12px; text-align:center; width:62px;} #sm li.active { background-position:0 -307px; font-weight:bold; color:#fff; height:26px; margin-bottom:-6px; position:relative;} #ms_pu li{ position: relative; z-index:2;} .tg-ms { display:block; background-position:42px -340px; text-align:left; padding-left:10px; margin-left:2px; position:relative; top:999} #ms { position:absolute; left:0; width:60px; border:1px solid #ccc; background:#fff; border-bottom-width:2px;} #ms a { display:block;} #sb {background-position:0 -24px; background-repeat: repeat-x;} #sb,#sw,#sf { height:48px;} #sf { flat:left; background-position:0 -74px;overflow:hidden;padding-left:50px;} #sf .int {width:365px; line-height:21px; height:21px; padding:4px 3px; *padding-bottom:3px; margin:0 6px 0 4px; font-family:Arial; font-size:16px;} #sf .searchint{ width:88px; height:32px; line-height:28px;} #sf a img,#sf .searchint,#sf .int { vertical-align:middle; margin-top:7px; } #sf a img { margin-top:6px;} #suggest { width:371px; *width:373px; border:1px solid #666; background:#fff; position:absolute; margin: -10px 0 0 159px; z-index:10;} #suggest li { cursor:default; height:22px; line-height:22px;color:#000; padding:0 5px;} #suggest .close { text-align:right; padding:0 5px;} #suggest .close a { color: #36c;} #sw { float:right; line-height:48px; height:48px; width:330px; overflow:hidden; padding-right:8px; background-position:right -123px;text-align:right;} #sw a { color:#000; font:14px/1 '\5b8b\4f53'; margin:0 6px;} #sw a:hover{color:#f00; text-decoration:underline;} /* header style =================================================================================== end */ /** 布局基础样式 **/ .lay-main {float: left;width: 100%;min-height: 1px;} .lay-side{float: left;} /** 清除浮动 **/ .layout:after,.main-wrap:after, .lay-side:after{content: '\20';display: block;height: 0;clear: both;} .layout,.main-wrap,.lay-side{*zoom: 1;} .lay-ms .main-wrap{margin-right:225px;} .lay-ms .lay-side{width:220px;float:left;margin-left:-220px;} /* bg */ .guide .location,.mod-box .bh,.mod-tab .active,.txt-ad li,.list-title,.con-list .recom,.btn-return,.con-list li.em a,#bm ul,#bm li{background-image:url(http://www.tb369.com/img/cat_bg.gif);background-repeat:no-repeat;} /* end bg */ .guide a:hover,.con-list a:hover,.con-img a:hover{ background-color:#36c;color:#fff;} .guide{height:25px;line-height:25px;text-align:right;font-size:12px;} .guide .location{float:left;background-position:-98px -124px;padding-left:30px;} .hot-cat a{margin:0 6px;} /*mod*/ .mod-box{} .mod-box .bh{height:29px; background-position:0 0; background-repeat:repeat-x;border-width:1px 1px 0;border-style:solid;border-color:#ace;} .mod-box .bc{border-width:0 1px 1px;border-style:solid;border-color:#ace;background:#fafcfd;*zoom:1;overflow:hidden;} .no-bh .bc{border-width:1px;} .mod-tab li{float:left;width:120px;height:29px;line-height:29px;text-align:center; overflow:hidden;} .mod-tab .active{ background-position:0 -271px;font-weight:bold;color:#015bab;} .con-list { background:url(http://www.tb369.com/img/item_bg2.gif) repeat-y;} .con-list li{float:left;height:36px; width:125px;padding-left:25px;line-height:35px; overflow:hidden;} .con-list li.em a{background-position:right -169px;padding-right:15px;} .con-list .bb0{ border-bottom:0;} .con-img li{float:left;display:inline;font-size:12px;margin:6px 7px 0 11px;vertical-align:middle;width:87px;text-align:center;} .con-img .img{width:85px;height:50px;padding:1px;border:1px solid #ace;display:block;overflow:hidden;} .con-img .img:hover{border:1px solid #f60;background-color:#fff;} .con-img .title{line-height:19px;text-align:center;} .game-list{height:874px;} .txt-key {height:35px;border-bottom:1px solid #ace;padding-left:15px;} .txt-key li{float:left;background-position:-117px -230px;padding-left:15px;font-size:12px;width:130px;line-height:35px;height:35px;overflow:hidden; vertical-align:middle;} .txt-key a:hover{background-color:#ff0;color:#f00;} .list-title{height:35px;background-color:#fff; background-position:-102px -197px;font-size:12px;color:#015bab;line-height:35px;padding-left:30px;border-bottom:1px solid #e7e7e7;} .list-title s{display:inline-block;-moz-box-align:center;-moz-box-pack:center;vertical-align:middle;outline-color:-moz-use-text-color;outline-style:none;outline-width:medium;width:28px;height:16px;overflow:hidden;background:url(http://assets.taobaocdn.com/sys/common/icon/trade/order_mall.png) 0 0 no-repeat;} .side-title{height:30px;line-height:30px;padding:0 10px;font-size:14px;color:#015bab;} .games-cz{padding:0 10px;overflow:hidden;*zoom:1;} .games-cz li{font-size:12px;height:23px;padding:5px 0; vertical-align:middle;} .games-cz label,.games-cz select,.games-cz input{float:left;} .games-cz select{font-size:12px;} .games-name{width:130px;} .card-type{width:85px;} .btn-cz{width:36px;margin-left:10px;height:21px;*padding-top:2px;_padding-top:0;font-size:12px;} .cat-bot{height:45px;padding-top:10px;text-align:center;} .btn-return{width:75px;height:26px; background-position:0 -60px;display:inline-block;padding:4px 0 0 38px;font-size:14px;font-weight:bold;text-align:left;color:#015bab;} .btn-return:hover{color:#0472d3;} .lay-all .con-list{ background:url(http://www.tb369.com/img/item_bg.gif) repeat-y;} .lay-all .con-list li{width:170px;} .lay-all .con-list li.last { } .lay-all .txt-key li{width:145px;} #bm {} #bm .rc-tp { z-index:9;} #bm li{background-position:right -307px;color:#015BAB; cursor:pointer; height:28px; line-height:28px; width:90px; text-align:center;} #bm li.active{position:relative; margin:0 0 -1px -1px; font-weight:bold; } #bm li.active { width:91px; height:29px; background-position:0 -30px; } #bm li#bm-def { width:auto; padding:0 14px;} #bm li#bm-def.active { width:auto; padding:0 14px; margin-left:0;background-position:right -335px;} #bm ul { border:1px solid #ace; background-position:0 0; background-repeat:repeat-x;border-bottom:none; height:29px;} #bb { height:216px; overflow:hidden; border-bottom:1px solid #E7E7E7;} #suggest li.hover,#ms a:hover { background-color:#36c; color:#fff;} </style> <base target="_blank" /> </head> <body> <em class="filter" style="display:none;"></em> <div id="wrap"> <div id="top" class="clearfix"> <ul id="set"> <li class="sethome"><a onclick="Yl.setHome(this,this.href); return false;" target="_self" href="http://www.baidu.com">把baidu设为主页</a></li> </ul> </div> <div id="header"> <div class="box clearfix"> <h1 id="logo"><a onclick="Yl.setHome(this,this.href); return false;" rel="nr" target="_self" href="http://www.baidu.com"><img src="/home/images/logo.gif" alt="把baidu设为主页" /></a></h1> </div> <b class="rc-bt"><b></b></b> </div> <div id="search"> <div id="sm" class="clearfix"> <ul id="sm_tab"> <li rel="s115">店铺</li> <li rel="web" class="active">宝贝</li> <li rel="mp3">女人</li> <li rel="v115">男人</li> <li rel="image">美容</li> <li rel="zhidao">家居</li> <li rel="taobao">运动</li> </ul> <ul id="ms_pu"> <li><a href="javascript:void(0)" id="ms-button" class="tg-ms" target="_self">更多</a> <div id="ms" style="display:none;"> <a href="http://pindao.huoban.taobao.com/tms/channel/taiwan.htm?pid=mm_99999999_0_0&eventid=101350">台湾馆</a> <a href="http://pindao.huoban.taobao.com/channel/channelfy.htm?pid=mm_99999999_0_0&eventid=101325">风云榜</a> <a href="http://pindao.huoban.taobao.com/tms/channel/channelmall.htm?pid=mm_99999999_0_0&eventid=101334">淘品牌</a> <a href="http://pindao.huoban.taobao.com/tms/channel/electric.htm?pid=mm_99999999_0_0&eventid=101333">电器城</a> </div> </li> </ul> </div> <div id="sb" class="clearfix"> <div id="sw"></div> <div id="sf"> <form id="searchForm" action="http://search8.taobao.com/browse/search_auction.htm" method="get"> <a href="http://pindao.huoban.taobao.com/channel/onSale.htm?pid=mm_99999999_0_0" id="sf_label"><img src="/home/images/taobao.gif" width="105" height="35" /></a> <input type="text" autocomplete="off" class="int" name="q"> <input class="searchint" type="submit" value="淘宝搜索" /> <input type="hidden" name="pid" value="mm_99999999_0_0"> <input type="hidden" name="unid" value=""> <input type="hidden" name="commend" value="all"> <input type="hidden" name="search_type" value="action"> <input type="hidden" name="user_action" value="initiative"> <input type="hidden" name="f" value="D9_5_1"> <input type="hidden" name="at_topsearch" value="1"> <input type="hidden" name="sid" value="(05ba391dbdcada4634d4077c189eeef7)"> <input type="hidden" name="sort" value=""> <input type="hidden" name="spercent" value="0"> </form> </div> <div id="suggest" style="display:none"></div> </div> </div> <div class="guide clearfix"> <div class="location"><a href="http://www.baidu.com" target="_parent">返回首页</a> » <span>单品推广</span></div> <span class="hot-cat">热门分类: </span> </div> <div class="layout lay-all"> <div class="lay-main"> <div class="main-wrap"> <div class="mod-box"> <div id="bm"> <b class="rc-tp"><b></b></b> <ul id="bm_tab" class="clearfix"><li id="bm-def" rel="fm" class="active">单品推广</li></ul> </div> <div class="bc"> <h2 class="list-title">品牌商城 <img src="http://assets.taobaocdn.com/sys/common/icon/trade/order_mall.png" align="absmiddle"></h2> <ul class="con-list clearfix"> </ul> <h2 class="list-title">人气网店</h2> <ul class="con-list clearfix"> </ul> </div> <b class="rc-bt"><b></b></b> </div> </div> </div> </div> <div class="cat-bot"><a class="btn-return" href="http://www.baidu.com" target="_parent">返回首页</a></div> </div> </body> </html>
提示：您可以先修改部分代码再运行

[ 本帖最后由 defive 于 2010-9-21 11:00 编辑 ]

作者: defive 发布时间: 2010-09-21

谁帮我看看啊。这是什么原因？

作者: defive 发布时间: 2010-09-21