原来除了错位，IE连数学都不会！～TNND！！！！！！！！！！

大家如何觖决这个问题？？

最好能上原代码

另外确定左面没有被盖住？

先不要笑IE了，把你代码贴一下吧
我估计是溢出了

引用:

原帖由 cycloned 于 2008-6-6 17:08 发表
先不要笑IE了，把你代码贴一下吧
我估计是溢出了

好像你们没明白我的意思～！～

<style type="text/css"> <!-- body,td,th,ul,li{ font-size: 12px; /* list-style:none; list-style-type:none;*/ } body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; clear:both; /*FILTER: gray;*/ } *{ margin:0px; padding:0px; margin-bottom:0px; margin-left:0px; margin-top:0px; margin-right:0px; padding-bottom:0px; padding-left:0px; padding-right:0px; padding-top:0px; } .page_body{ width:958px; height:700px; margin:0 auto; } .page_body_bg{ background:#f5fafe; } .border{ border:#cbd7ec 1px solid; } /*====公共样式\表单样式======================*/ .blue_border{ border:#7f9db9 1px solid;} .blue_border2{ padding-top:6px; height:17px; border:#7f9db9 1px solid;} .huiborder{ color:#bbbbbb; } .gay_border{ height:18px; border:#cccccc 1px solid; background:#fafafa;} .bottom_border{ border-bottom:#eeeeee 1px solid; } .bottom_border2{ border-bottom:#8fc8fe 1px dashed; } .bottom_border_hui{ border-bottom:#dddddd 1px dotted; } .page_li_list_style li{ display:inline; float:left; margin-left:5px; padding-left:3px; border-left:#bfbfbf 1px solid; } .news_form{ width:620px; height:60px;} .object_center{ margin:0 auto;} .img_css{ padding:4px; background:#FFFFFF; margin:18px 18px 18px 0; border:#cccccc 1px solid;} .img_border{ padding:3px; border:#CCCCCC 1px solid; } .txt{ padding:10px; text-indent:2em;} .Ul_list_css li{ display:block; width:240px; height:22px; text-indent:0.8em; padding:0; margin:0; } #seach_block{ padding:10px!important; padding:8px 0 0 0;} #seach_block ul{ width:100%; display:block; margin-bottom:8px!important; margin-bottom:0px; float:left;} .Ul_list_css2 li{ display:inherit; float:left; margin-left:7px; white-space:nowrap;} .img_btn_css{ display:block; margin:3px auto -5px auto;} .bluelink a:link { color:#034ea9; } .bluelink a:visited { color: #034ea9; } .bluelink a:hover { color:#FF0000; } .bluelink a:active { color: #034ea9; } .bluelink2 a:link { color:#0042ff; } .bluelink2 a:visited { color: #0042ff; } .bluelink2 a:hover { color:#FF0000; } .bluelink2 a:active { color: #0042ff; } .blod_blue_l a{ font-weight:bold; color:#034ea9; }.blod_blue_l a:link { color:#034ea9; } .blod_blue_l a:visited { color: #034ea9; } .blod_blue_l a:hover { color:#FF0000; } .blod_blue_l a:active { color: #034ea9; } .line_height14px{ line-height:14px; } .bg_buttom{ width:119px; height:31px; background:url(../images/user_22.gif) no-repeat; font-size:14px; font-weight:bold; color:#FFFFFF; border:0px; } /*====公共样式\表单样式======================(完)*/ /*====头部广告======================*/ #Topad{ width:958px; margin:0 auto; margin-top:5px;} /*====头部广告======================(完)*/ /*====头部菜单======================*/ #Top{ position:relative; clear:both; width:958px; height:78px; margin:0 auto; margin-top:8px; background:url(../images/Top_09.jpg) repeat-x 0 16px; overflow:hidden; } #logo{ position:absolute; top:7px; left:5px; width:255px; height:46px; background:url(../images/Top_06.jpg) no-repeat 0 8px; } #logo img{ margin-left:29px; float:left; border:0px; } #rbg{ position:absolute; top:7px; right:0px; width:7px; height:46px; background:url(../images/index0506_03.jpg) no-repeat 0 6px;; } #menu1,#menu2{ clear:both; display:block; padding:0; margin:0; width:703px; float:right; list-style:none; } #menu1 li{ margin-top:13px; float:right; display:block; color:#08039e; height:14px; line-height:14px; border-right:1px solid #888888; padding:0 9px; margin-right:-1px; } #menu1 a:link { color:#888888; } #menu1 a:visited { color: #888888; } #menu1 a:hover { color:#FF0000; } #menu1 a:active { color: #888888; } #menu2 li{ margin-top:25px; float:right; display:block; color:#05009b; height:14px; line-height:14px; padding:0 12px; margin-right:-1px; } #menu2 a:link { color: #05009b; } #menu2 a:visited { color: #05009b; } #menu2 a:hover { color: #FF0000; } #menu2 a:active { color: #05009b; } #menu3{ clear:both; margin:0 auto; width:958px; height:43px; background-image:url(../images/Top_14.jpg); } #menu31{ width:7px; float:left; height:43px; background-image:url(../images/Top_13.jpg); background-repeat:repeat-x; } #menu32{ padding-top:6px; color:#FFFFFF; text-align:right; width:942px; float:left; } #menu33{ width:5px; float:right; height:43px; background-image:url(../images/Top_17.jpg); background-repeat:repeat-x; } /*====头部菜单======================(完)*/ /*====底部======================*/ #bottom{ clear:both; width:958px; height:60px; color:#5b5b5b; margin:0 auto; } #bottom_body{ margin:0; padding:8px 0 10px 0; text-align:center; } #bottom p{ padding-top:4px; margin-left:auto; margin-right:auto; line-height:30px; } #bottom a{ margin:0 6px; } #bottom a:link { color: #5b5b5b; } #bottom a:visited { color: #5b5b5b; } #bottom a:hover { color: #FF0000; } #bottom a:active { color: #5b5b5b; } #bottom span{ margin-top:3px; display:block; padding-top:4px; height:21px; width:100%; color:#3d3d3d; margin-bottom:5px; } /*====底部======================(完)*/ /*====新闻列表======================*/ #news_content{ border-top:#cbd7ec 1px solid; } #news_left{ width:645px; display:table; float:left; height:700px; border:#cbd7ec 1px solid; border-top:0px; background:#f5fafe; } #news_left h1{ padding:5px 0 0 14px; font-size:14px; font-weight:normal; color:#034ea9; border:#f5fafe 1px solid; width:629px; height:24px; display:block; background:#d8eeff; } #news_right{ float:right; margin-top:7px; width:301px; height:700px; } #right_Newlist1,#right_Newlist2{ display:block; margin-top:6px; width:299px; height:255px!important; height:245px; border:#cbd7ec 1px solid; } #right_Newlist1 a,#right_Newlist2 a{ text-decoration:underline; color:#000099; } #right_Newlist1 h1,#right_Newlist2 h1{ color:#034ea9; width:279px; height:21px!important; height:18px; font-size:14px; background:#d4e3f6 url(../images/sport_07.jpg) no-repeat 10px 47%; padding:3px 0 0 0; padding-left:20px; } #news_content ul,#news_content2 ul{ margin-top:7px; margin-bottom:10px; } #news_content li,#news_content2 li{ width:129px; display:inline; height:20px!important; height:16px; float:left; background:url(../images/ar_hz_008.gif) no-repeat 10px 60%; padding-top:4px; padding-left:20px; } #newlist{ width:610px; margin-top:9px; margin-right:10px; list-style:none; } #newlist ul{ } #newlist li{ position:relative; width:610px; height:18px; padding-top:7px; font-size:14px; color:#034ea9; list-style-type:none; text-align:right; background:url(../images/list-bg.jpg) no-repeat 14px 45%; } #newlist a{ position:absolute; top:5px; left:33px;} #newlist a:link { color:#034ea9; } #newlist a:visited { color:#034ea9; } #newlist a:hover { color:#FF0000; } #newlist a:active { color:#034ea9; } #page_link{ clear:both; width:610px; margin-bottom:20px; padding:20px 0 20px 5px; } #page_link li{ display:inherit; width:auto; float:left; font-size:14px; background:none; list-style:none; padding:0; margin:0; margin-left:11px;} /*====新闻列表======================(完)*/ /*====huodong.asp=======================*/ #huodong_left{ width:705x; display:table; float:left; height:700px; border-right:#cbd7ec 1px solid; background:#FFFFFF; } #hd_list{ width:680px;} #huodong_left h1{ width:691px; padding:5px 0 0 14px; font-size:14px; font-weight:normal; color:#034ea9; border:#f5fafe 1px solid; height:24px; display:block; background:#d8eeff; } #huodong_right{ float:right; margin-top:4px; margin-right:3px!important; margin-right:2px; width:240px; height:700px; } #hd_right_Newlist1,#hd_right_Newlist2{ clear:both; padding:0 0 10px 0; display:block; margin-top:6px; width:238px; border:#cbd7ec 1px solid; } #hd_right_Newlist2{ } #hd_right_Newlist1{ background:#FFFFFF; } #hd_right_Newlist2 ul{ display:table; } #hd_right_Newlist2 li{ background:url(../images/blue_bg.jpg) no-repeat 8px 55%; } #hd_right_Newlist1 h1,#hd_right_Newlist2 h1{ color:#034ea9; width:218px; height:21px!important; height:16px; font-size:14px; background:#d4e3f6 url(../images/sport_07.jpg) no-repeat 8px 45%; padding:2px 0; padding-left:20px; } #JOINform{ text-align:center; } #JOINform li{ width:220px; padding-top:4px; line-height:23px; background:none;} #JOINform h2,#JOINform h3,#JOINform h4,#JOINform h5,#JOINform h6{ font-size:12px; display:block; float:left; font-weight:normal; } #JOINform h2{ width:40px; } #JOINform h3{ margin-left:8px; width:45px; } #JOINform h4{ line-height:23px; height:23px; background:url(../images/huodong_11.jpg) no-repeat 0 1px; width:36px; } #JOINform h5{ width:31px; } #JOINform h6{ width:60px; } .sex_img{ background:url(../images/huodong_11.jpg) no-repeat 50% 7px; } /*====huodong.asp=======================(完)*/ /*====vip.asp=======================*/ #vipbody{ line-height:22px; width:954px; margin:auto; padding:1px; border:#CCCCCC 1px solid;} #vipbody p{ text-indent:2em; width:718px; } #textdiv{ margin-left:36px; margin-top:20px; color:#da0f7f; } #textdiv h3{ padding-top:25px; padding-left:35px; height:24px; color:#454545; font-size:14px; font-weight:bold; background:url(../images/viplistbg.jpg) no-repeat; } #vipbody span{ display:block; margin:20px 0 40px 32px; width:718px; } #vipbody ol{ clear:both; list-style-type:decimal; margin-left:2em!important; margin-left:0; padding-left:0!important; padding-left:2em; color:#737070; } /*====vip.asp=======================(完)*/ --> </style> <div id="textdiv"> <h3>VIP会员享受服务</h3> <span> 温馨提示：<p> 非VIP会员、游客等可能因使用权限而无法享受到更多的资迅和服务从而无法真正参与到我们活动中间来。</p> <p>敬请广大体育运动爱好者赶快注册加入我们VIP会员中心来，参与体育、愉悦人生。</p> <p>凡在体育交流网、珠海体育交流网登陆注册成功并交纳会员管理费100元/年即成为体育交流网、珠海体育交流网之VIP会员中心之会员，享有体育交流网、珠海体育交流网之VIP会员所享有的一切资迅和服务：</p><br /> <br /> <ol type="1"> <li>注册会员可得到网站、中心统一制作、考究、精美的会员卡，网站、中心将根据工作的进展以及注册会员的情况在适当的时间统一发放，具体时间以网站、中心通知为准。 </li> <li>VIP会员可以随时登陆体育交流网、珠海体育交流网，进入各个窗口、界面，享有网站之所有的资迅和服务。 根据自己的兴趣、爱好、时间选择自己感兴趣的窗口和界面进行上传照片、资料、查找资料、发表观点、参与论坛、发出邀请、发布赛迅、发布约战、组建团队、自主交流等等。</li> <li>VIP会员可以根据自己的兴趣、爱好、时间选择参与或不参与中心、网站、会员之家等各栏目举办的各项联谊、交流、派对活动，如涉及费用则可享受优惠。 VIP会员参加网站、中心举办的各类培训等收费性活动（如体育舞蹈培训、体育技能培训等），可享受折扣或优惠。</li> <li>VIP会员可随时阅读本网站、中心之网上体育文摘、热点追踪窗口所有相关类资迅、报纸、杂志等文摘文字资料，观看本网站、中心体育视频区所有相关声像资料（如精典赛事剪辑、体育明星专辑、NBA精彩回顾、世界杯精彩进球等等）。并可根据自已的观点组织讨论，回复。</li> <li>VIP会员可登录网站：“体育交流网、珠海体育交流网”之所有窗口，查看所有体育信息、下载资料、并可进行网上对话、交流、交友、在线论坛等，并可参加网站、中心在网上举行的相关活动等，视登录次数、回复次数等，季度、年终可参加会员PARTY、派对、抽奖活动、奖励旅游、参加网站、中心年终庆典酒会等相关活动。网站、中心有专人更新信息、编辑资料、专业维护，使会员享受快捷、优质的网络交流服务。</li> <li>VIP会员在网站、中心特约优惠消费单位（如酒店、包括客房、中西餐厅、体育娱乐、游泳池、健身房、桌球室、保龄球室、桑拿舞厅等设施，酒楼、西餐厅、娱乐场所、卡拉OK舞厅、夜总会、disco舞厅、健身房、美容院、网球场、乒乓球馆、桌球室、体育用品店、体育场馆、体育球馆等等）享受特约优惠消费服务，中心网站专栏为会员提供详细的特约优惠消费单位目录。</li> <li>VIP会员可参与网站、中心不定期组织的大型集体收看重要经典体育比赛或相关体育类活动等，为会员提供强烈、振撼、极具激情、火爆的视听效果，享受惊险、刺激、扣人心弦的体育比赛，感受体育运动所带给我们的强烈震撼与冲击，以及特有魅力，并可享受到优惠。</li> <li>VIP会员可参与网站、中心不定期举办的体育交流，联谊活动（如月VIP会员生日PARTY、交流活动、沙龙活动，野营郊游活动、登山、越野、徒步旅游、体育舞蹈交流、竞技休育比赛，趣味体育活动会等），并可享受到优惠。</li> <li>本中心将围绕六大主体（球类交流、运动健身、体育舞蹈、体育休闲旅游、体育运动自助交友、体育姻缘）展开一系列交流、联谊、比赛活动。具体活动请随时关注网站之中心动态网页。</li> <li>VIP会员可优惠参与本网站、中心举办的大型推广、宣传活动，获赠精美礼品，纪念品或者体育用品等，组织外出观看国内外重大体育比赛或相关体育活动。 12、网站、中心为VIP会员提供相关体育信息、体育历史发展、体育文化、体育运动知识、体育论坛等相关体育类咨询，咨询热线：86+756+8554478</li> <li>VIP会员在网站、中心所属“胡宇房地产经纪投资代理顾问工作室、物业代理部”求购房屋、委托出售、求租房屋、出租房屋、代办过户、二手房按揭转加按揭、企业、个人消费经营贷款办理等，中介佣金可享受折扣优惠。 不断增加的其它增值服务。</li> </ol> </span> <h3>联系方式</h3> <span> 体育交流网、珠海海体育交流网&nbsp;&nbsp;&nbsp;&nbsp; SCDC（珠海）体育运动爱好者交流联谊中心<br /> 办公地址：广东省珠海市香洲区柠溪安宁路3号3栋301室<br /> 电话：86+756+6608422 6185773<br /> 传真：86+756+6185773 <br /> 广告、服务热线：13360610773 <br /> 电子邮件：hujinghong2008@sohu.com&nbsp;&nbsp;&nbsp; hujinghong2008@yahoo.com<br /> </span> </div> </div>
 提示：您可以先修改部分代码再运行

[ 本帖最后由 m173 于 2008-6-6 17:31 编辑 ]

IE 7 没有任何问题

IE6没发现任何问题

IE6  和  FF   显示效果一样的呀，没有出现楼主贴图的BUG？

代码好长。！！！！！！！！！！！！！！！！！！！！！！！！！！

我传到附件中！

这可能是一个BUG～～～～～～～哈哈。。大家一起来研究一下吧。看是哪里引起的一个BUG\！～

楼主，看看DW验证提示吧，OL在span里这么写？
你把span改成DIV都好的多。

另外，代码真的是.....

照样写一个，兼容ff的

<!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> <title>mugong</title> <style type="text/css"> body{font-size:14px;margin:padding:0;} ol{margin:0;padding:0;} ol li{margin:0;margin-left:15px !important;margin-left:24px;padding:0;} </style> </head> <body> <ol> <li>好像你们没明白我的意思～！～</li> <li>好像你们没明白我的意思～！～</li> <li>好像你们没明白我的意思～！～</li> <li>好像你们没明白我的意思～！～</li> <li>好像你们没明白我的意思～！～</li> <li>好像你们没明白我的意思～！～</li> <li>好像你们没明白我的意思～！～</li> <li>好像你们没明白我的意思～！～</li> <li>好像你们没明白我的意思～！～</li> <li>好像你们没明白我的意思～！～</li> <li>好像你们没明白我的意思～！～</li> </ol> </body> </html>
 提示：您可以先修改部分代码再运行

[ 本帖最后由 mugong 于 2008-6-6 18:07 编辑 ]

引用:

原帖由 cycloned 于 2008-6-6 17:55 发表
楼主，看看DW验证提示吧，OL在span里这么写？
你把span改成DIV都好的多。

另外，代码真的是.....

里面的CSS本来是包含进来的～

引用:

原帖由 mugong 于 2008-6-6 18:02 发表
照样写一个，兼容ff的
[html]



mugong

body{font-size:14px;marginadding:0;}
ol{margin:0;padding:0;}
ol li{margin:0;margin-left:15px !important;margin-left:24px;padding:0;}




好像你们 ...

怎么这样就会出现问题。

楼主把  ol li {margin-left:50px;}试试

楼主的代码仅仅去掉SPAN就正常了，跟11楼的边距填充应该不是同一问题

PS代码没仔细看，结构个人感觉很有问题

[ 本帖最后由 cycloned 于 2008-6-6 18:17 编辑 ]

我是IE，是我不会算算数还是你不会算？

<!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> <title>mugong</title> <style type="text/css"> body{font-size:14px;margin:padding:0;} ol{margin:10;padding:0;} ol li{margin:0;margin-left:15px !important;margin-left:24px;padding:0;} </style> </head> <body> <ol> <li>好像你们没明白我的意思～！～</li> <li>好像你们没明白我的意思～！～</li> <li>好像你们没明白我的意思～！～</li> <li>好像你们没明白我的意思～！～</li> <li>好像你们没明白我的意思～！～</li> <li>好像你们没明白我的意思～！～</li> <li>好像你们没明白我的意思～！～</li> <li>好像你们没明白我的意思～！～</li> <li>好像你们没明白我的意思～！～</li> <li>好像你们没明白我的意思～！～</li> <li>好像你们没明白我的意思～！～</li> </ol> </body> </html>
 提示：您可以先修改部分代码再运行

[ 本帖最后由 dukilu 于 2008-6-6 19:11 编辑 ]

你这个明显是自己CSS的错误。
经过我测试，这个问题在所有浏览器下的结果都是一样的，因此不能算是IE的BUG!
其实数字是没错的，而是我们错误的象对待ul一样去对待ol，首先就清除了ol的margin和padding,本来在IE中有默认margin存放数字序列，在FF中有默认padding存放数字序列，我们清除之后用自定义的margin或者padding可能就会从左边被截去这些数字（其实是因为边距不够被隐藏在框外了），都是边距惹的祸，多测试几遍就清楚了。
解决的方法是不要去初始化OL的margin和padding.

<!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> <title>mugong</title> <style type="text/css"> body{font-size:14px;margin:0;padding:0;} </style> </head> <body> <ol> <li>好像你们没明白我的意思～！～</li> <li>好像你们没明白我的意思～！～</li> <li>好像你们没明白我的意思～！～</li> <li>好像你们没明白我的意思～！～</li> <li>好像你们没明白我的意思～！～</li> <li>好像你们没明白我的意思～！～</li> <li>好像你们没明白我的意思～！～</li> <li>好像你们没明白我的意思～！～</li> <li>好像你们没明白我的意思～！～</li> <li>好像你们没明白我的意思～！～</li> <li>好像你们没明白我的意思～！～</li> </ol> </body> </html>
 提示：您可以先修改部分代码再运行

ol { padding:20px; }试着给ol加点padding试试，或者 ol {list-style-position:inside; }

haslayout

。。。。FF和IE解释的不一样。。

一个序号在margin中。一个在padding中。。你哪来的一致。。

除非你不初始化他们的值。

-----------------------------------------
另回楼上的。。好好查查字典layout这个单词是什么意思再下结论。

[ 本帖最后由 MarVell 于 2008-6-8 23:39 编辑 ]