div+CSS的IE问题!
如果无名线框(包含内联内容的框)邻近某个浮动,则线框和浮动边缘之间会出现3个像素(3px)的间隙。在内容清除浮动时,此间隙会消失,导致内容朝着浮动的方向“慢移”三个像素。...
如果无名线框(包含内联内容的框)邻近某个浮动,则线框和浮动边缘之间会出现 3 个像素 (3px) 的间隙。在内容清除浮动时,此间隙会消失,导致内容朝着浮动的方向“慢移”三个像素。请注意,当左对齐文本邻近右浮动时,可能难以看到此间隙,但它确实存在,而且它可能导致紧密的布局中出现“浮动下降”。
影响: Internet Explorer 6.0
可能性: 很可能
在IE7下面做的!~
用DW3的浏览器检查过程中,有七个这样的问题!~
问原因!~谢谢!~
<div id="index-right-szxianlu3">
<div >
<div > <img src="images-new/index/index-xianlu3-2.jpg" width="105" height="25" /><img src="images-new/index/index-xianlu1-2.jpg" /><img src="images-new/index/index-xianlu1-3.jpg" /><img src="images-new/index/index-xianlu1-4.jpg" /></div>
<div style="background-image:url(images-new/index/index-xianlu2-1.jpg)">
<div style="width:96%; line-height:24px;"> <span class="index-wenzi1-1"><img src="images-new/index/jiantou-1.gif" width="8" height="9" /> 香港台湾五日游</span> <span class="index-jiage1-1">¥2532.0</span> </div>
</div>
<div><img src="images-new/index/index-xianlu3-1.jpg" /></div>
</div>
</div>
#index-right-szxianlu3 {width:248px; float:left;}
以前代码是其中之中!~ 展开
影响: Internet Explorer 6.0
可能性: 很可能
在IE7下面做的!~
用DW3的浏览器检查过程中,有七个这样的问题!~
问原因!~谢谢!~
<div id="index-right-szxianlu3">
<div >
<div > <img src="images-new/index/index-xianlu3-2.jpg" width="105" height="25" /><img src="images-new/index/index-xianlu1-2.jpg" /><img src="images-new/index/index-xianlu1-3.jpg" /><img src="images-new/index/index-xianlu1-4.jpg" /></div>
<div style="background-image:url(images-new/index/index-xianlu2-1.jpg)">
<div style="width:96%; line-height:24px;"> <span class="index-wenzi1-1"><img src="images-new/index/jiantou-1.gif" width="8" height="9" /> 香港台湾五日游</span> <span class="index-jiage1-1">¥2532.0</span> </div>
</div>
<div><img src="images-new/index/index-xianlu3-1.jpg" /></div>
</div>
</div>
#index-right-szxianlu3 {width:248px; float:left;}
以前代码是其中之中!~ 展开
展开全部
在页面的<body></body>区域写出DIV的大结构:
<div id="header">此处显示 id "header" 的内容</div>
<div id="banner">此处显示 id "banner" 的内容</div>
<div id="main">此处显示 id "main" 的内容</div>
<div id="footer">此处显示 id "footer" 的内容</div>
结果如图所示:
1、 现在我们要开始利用CSS来定义这些DIV标签的样式了;
首先,我们应该设置一些公共的样式,这样能有效避免以后出现的问题:
先设置BODY的样式;
新建样式文件后命名为index.css,并保存到css文件夹下;
2、 先设置全体的字体样式:
3、 再设置边框,边界距离为0
4、 再设置文字对齐方式:左对齐
完成后,在CSS样式文件里出现 body的标签如下:
body {
font-family: Verdana, Arial, "宋体";
font-size: 12px;
color: #575757;
text-decoration: none;
text-align: left;
margin: 0px;
padding: 0px;
}
这样我们就完成了通用标签公共body标签的样式设置,这时如果看页面,你会发现文字变了;
<div id="header">此处显示 id "header" 的内容</div>
<div id="banner">此处显示 id "banner" 的内容</div>
<div id="main">此处显示 id "main" 的内容</div>
<div id="footer">此处显示 id "footer" 的内容</div>
结果如图所示:
1、 现在我们要开始利用CSS来定义这些DIV标签的样式了;
首先,我们应该设置一些公共的样式,这样能有效避免以后出现的问题:
先设置BODY的样式;
新建样式文件后命名为index.css,并保存到css文件夹下;
2、 先设置全体的字体样式:
3、 再设置边框,边界距离为0
4、 再设置文字对齐方式:左对齐
完成后,在CSS样式文件里出现 body的标签如下:
body {
font-family: Verdana, Arial, "宋体";
font-size: 12px;
color: #575757;
text-decoration: none;
text-align: left;
margin: 0px;
padding: 0px;
}
这样我们就完成了通用标签公共body标签的样式设置,这时如果看页面,你会发现文字变了;
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询