收藏本站腾讯微博新浪微博

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

蓝色理想 最新研发动态 网站开通淘帖功能 - 蓝色理想插件 论坛内容导读一页看论坛 - 给官方提建议

论坛活动及任务 地图和邮件任务 请多用悬赏提问 热夏来袭,选一款蓝色理想的个性T恤吧!

手机上论坛,使用APP获得更好体验 急需前端攻城狮,获得内部推荐机会 论坛开通淘帖功能,收藏终于可以分类了!

搜索
查看: 1497|回复: 6

[求助] 请大家帮我看看是哪出了问题!!

[复制链接]
发表于 2007-4-13 17:29:52 | 显示全部楼层 |阅读模式
我找不到是哪出了问题- -!
在Opera和Firefox中显示都正常,但是在IE中变形很厉害!

/* 代码部分 */
<div id="content">
<div id="left">
<div id="advertisment">
  <ul>
    <li>·<a href="#">如果您已经在地址栏中</a></li>
    <li>·<a href="#">如果您已经在地址栏中</a></li>
    <li>·<a href="#">如果您已经在地址栏中</a></li>
    <li>·<a href="#">如果您已经在地址栏中</a></li>
    <li>·<a href="#">如果您已经在地址栏中</a></li>
    <li>·<a href="#">如果您已经在地址栏中</a></li>
  </ul>
</div>
</div>
</div>

/* CSS部分 */
#content {
background:url(../images/shadow.gif) #FFF repeat-x top ;
width:760px;
height:636px;
}

#left {
float:left;
}

#advertisment {
background:url(../images/border.gif) no-repeat 17px 27px;
float:left;
width:454px;
height:42px;
padding:40px 0px 0px 35px;
margin:0px;
}

#advertisment li {
padding:0px 13px 0px 0px;
float:left;
}

在Firefox中显示的效果

在Firefox中显示的效果

在IE中显示的效果

在IE中显示的效果
发表于 2007-4-13 17:39:36 | 显示全部楼层
li设置一个宽度。
回复 支持 反对

使用道具 举报

发表于 2007-4-13 18:10:02 | 显示全部楼层

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

回复 支持 反对

使用道具 举报

发表于 2007-4-13 19:53:51 | 显示全部楼层
li的宽度设置好就可以了
回复 支持 反对

使用道具 举报

 楼主| 发表于 2007-4-14 13:19:57 | 显示全部楼层
哇~ 谢谢大家!
我起步有点晚,以后少不了要麻烦大家 嘿嘿!
回复 支持 反对

使用道具 举报

发表于 2007-4-14 13:50:41 | 显示全部楼层

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



在LZ的代码上简单的修改了一下,具体的没做什么修饰。
回复 支持 反对

使用道具 举报

发表于 2007-4-14 17:07:27 | 显示全部楼层
#advertisment li {
padding:0px 13px 0px 0px;
float:left;
white-space:nowrap;
}
这样li的宽度就不会被限制了
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|小黑屋|Archiver|手机版|blueidea.com ( 湘ICP备12001430号 )  

GMT+8, 2020-10-2 06:56 , Processed in 0.109098 second(s), 11 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表