UC知道IE6下CSS的问题(解决了给150分)
来源：百度知道 编辑：UC知道 时间：2024/06/15 17:02:06
.Left,.Right{width: 150px;}
.Left {float: left;}
.Right {float: right;}
.Main {
margin-right: 150px;
margin-left: 150px;
}
.Titles { background-image: url(../XML/Titles_bg.gif);}
<div class="Left"><div class="Titles"></div></div>
<div class="Right"><div class="Titles"></div></div>
<div class="Main"><div class="Titles"></div></div>
这是一个三列的布局,Main在中间,宽度自适应.Titles是一个有背景图片标题框,但在IE6下,Main中的Titles总是左右有空白,像是有边距,在其它版本浏览器中并没有此问题,把.Left {float: left;}和.Right {float: right;}删掉也没有此问题.
请达人帮忙解决一下
把Titles的边距设为负也不行,
把Main的宽度加大还是不行.
郁闷~~~~
谢谢下面3位的回答,不过都没有解决问题~~~~ 我暂时在Main中加了个背景,解决了表面问题,还期望有更好的方式
.Left {float: left;}
.Right {float: right;}
.Main {
margin-right: 150px;
margin-left: 150px;
}
.Titles { background-image: url(../XML/Titles_bg.gif);}
<div class="Left"><div class="Titles"></div></div>
<div class="Right"><div class="Titles"></div></div>
<div class="Main"><div class="Titles"></div></div>
这是一个三列的布局,Main在中间,宽度自适应.Titles是一个有背景图片标题框,但在IE6下,Main中的Titles总是左右有空白,像是有边距,在其它版本浏览器中并没有此问题,把.Left {float: left;}和.Right {float: right;}删掉也没有此问题.
请达人帮忙解决一下
把Titles的边距设为负也不行,
把Main的宽度加大还是不行.
郁闷~~~~
谢谢下面3位的回答,不过都没有解决问题~~~~ 我暂时在Main中加了个背景,解决了表面问题,还期望有更好的方式
很明显，你遇到了IE6的3像素文本偏移BUG，量一下空白是不是3PX？
怎么解决？你搜下“3像素偏移”，很多介绍修复这个BUG的方法。
如果不是这问题或者没解决再补充。
不是很明白你的意思呢。。你写CSS为什么不像我这样写呢 为什么不用一个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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style>
.Left,.Right{width: 150px;}
.Left {float: left;}
.Right {float: right;}
.Main {
margin-right: 150px;
margin-left: 150px;
}
.Titles { background-image: url(../XML/Titles_bg.gif);}
.clear{c