IE6下DIV叠排背景缩进问题!!!

scscms太阳光 2009-02-24 10:27:43
<style>
.l_title{
height:20px;color:#FFFFFF;
padding:8px 0px 0px 25px;
letter-spacing:4px;
font-weight:bold;
background-color:#F7FFEF;
background-image:url("left_title.png");
background-repeat:no-repeat;
}
.left_line{
background-image: url('line.png');
background-repeat:repeat-x;height:8px;
font-size:0;clear:both;}

.left_conter{
border:1px solid #5BC514;
border-width:0px 1px;
padding:6px;
background-color:#FFFFFF;
color:#322D28;
}
</style>
<div class="l_title">【相关新闻】</div>
<div class="left_conter">内容</div>
<div class="left_line"></div>

<div class="l_title">【相关软件】</div>
<div class="left_conter">内容</div>
<div class="left_line"></div>

<div class="l_title">【相关文章】</div>
<div class="left_conter">内容</div>
<div class="left_line"></div>

以上代码在IE7下完美显示,但在IE6下就出现这种情况
也就是背景图片出现缩进现象,谁有好的解决方法?
...全文
248 7 打赏 收藏 转发到动态 举报
写回复
用AI写文章
7 条回复
切换为时间正序
请发表友善的回复…
发表回复
cceon 2009-03-17
  • 打赏
  • 举报
回复
你的代码充分说明IE7的兼容性不好
moxin2 2009-03-11
  • 打赏
  • 举报
回复
ie 6的查看中的源码变成utf-8 就可以正常显示了 我遇到过此问题 是这样解决的同时我的网页中还有乱码和错位现象 你可以试一下
scscms太阳光 2009-02-26
  • 打赏
  • 举报
回复
看来没人解答,老板结帐!
scscms太阳光 2009-02-26
  • 打赏
  • 举报
回复
首先谢谢你的回答,但问题还没解决
在IE6下我发觉,
<div class="l_title">【相关新闻】</div>
<div class="left_conter">内容</div>
<div class="left_line"></div>

<div class="l_title">【相关软件】</div>
<div class="left_conter">内容</div>
<div class="left_line"></div>

<div class="l_title">【相关文章】</div>
<div class="left_conter">内容</div>
<div class="left_line"></div>
只要[内容]里添加了dd ul form 等之类的,都会影响它以下的DIV,而IE7与FF不会,真晕
scscms太阳光 2009-02-25
  • 打赏
  • 举报
回复
顶呀,有没有高手可以解决?
mike_24 2009-02-25
  • 打赏
  • 举报
回复
<style>
*{margin:0; padding:0}
.l_title{
height:20px;color:#FFFFFF;
padding:8px 0px 0px 25px;
letter-spacing:4px;
font-weight:bold;
background-color:#F7FFEF;
background-image:url("left_title.png");
background-repeat:no-repeat;
}
.left_line{
background-image: url('line.png');
background-repeat:repeat-x;height:8px;
font-size:0;clear:both;}

.left_conter{
border:1px solid #5BC514;
border-width:0px 1px;
padding:6px;
background-color:#FFFFFF;
color:#322D28;
}
</style>
scscms太阳光 2009-02-25
  • 打赏
  • 举报
回复
<div class="l_title">【相关新闻】</div>
<div class="left_conter"><ul><li>内容</li></ul></div>
<div class="left_line"></div>

<div class="l_title">【相关软件】</div>
<div class="left_conter">内容</div>
<div class="left_line"></div>

<div class="l_title">【相关文章】</div>
<div class="left_conter">内容</div>
<div class="left_line"></div>

为什么在div 内加入ul li就会对不齐,而且越多ul变形越利害
1. HTML对象获取问题 3 2. const问题 3 3. event.x与event.y问题 3 4. window.location.href问题 3 5. frame问题 3 6. 模态和非模态窗口问题 3 7. firefox与IE的父元素(parentElement)的区别 3 8. document.formName.item(”itemName”) 问题 3 9. 集合类对象问题 3 10. 自定义属性问题 3 11. input.type属性问题 3 12. event.srcElement问题 3 13. body载入问题 3 14. 事件委托方法 3 15. Table操作问题 3 16. 对象宽高赋值问题 3 Ø CSS 3 1. cursor:hand VS cursor:pointer 3 2. innerText在IE中能正常工作,但在FireFox中却不行. 3 3. CSS透明 3 4. css中的width和padding 3 5. FF和IE BOX模型解释不一致导致相差2px 3 6. IE5 和IE6的BOX解释不一致 3 7. ul和ol列表缩进问题 3 8. 元素水平居中问题 3 9. Div的垂直居中问题 3 10. margin加倍的问题 3 11. IE与宽度和高度的问题 3 12. 页面的最小宽度 3 13. DIV浮动IE文本产生3象素的bug 3 14. IE捉迷藏的问题 3 15. float的div闭合;清除浮动;自适应高度 3 16. 高度不适应 3 17. IE6下图片下有空隙产生 3 18. 对齐文本与文本输入框 3 19. LI中内容超过长度后以省略号显示 3 20. 为什么web标准中IE无法设置滚动条颜色了 3 21. 为什么无法定义1px左右高度的容器 3 22. 链接(a标签)的边框与背景 3 23. 超链接访问过后hover样式就不出现的问题 3 24. FORM标签 3 25. 属性选择器(这个不能算是兼容,是隐藏css的一个bug) 3 26. 为什么FF下文本无法撑开容器的高度 3

61,111

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧