怎样使两个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>
</head>

<body>
<div style=" width:691px; height:50px;border-top:0px; ">
<img src="img/jiaju_01.jpg" >
</div>
<div style="background:url(img/jiaju_04.gif) repeat-y left top; width:691px; height:50px; border-top:0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; text-align:center"; margin:auto">
</div>
<div style=" width:691px; height:9px;
border-top:0px;">

<img src="img/jiaju_06.gif" >
</div>
</body>
</html>
希望高手帮我看下!我没放图片用颜色代替两之间没间距,当我放把图片放进出就有一点间距,图片大小都对的!

使两个DIV上下之间没间距方法:
如果想上下两个DIV间有距离的话,只需设定div中的margin属性即可,本例中div属性对全局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">

<style type="text/css">
<!--设置DIV块的边界为5px-->
div{margin:5px;border:0;padding:0;}
#Box1{
width:200px;
height:72px;
background-color:#666;
}
#Box2{
width:200px;
height:72px;
background-color:#F0F;
}
</style>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>让上下两个DIV块之间没有距离</title>
</head>

<body>
<div id="Box1"></div>
<div id="Box2"></div>
</body>

</html>
温馨提示:答案为网友推荐,仅供参考
第1个回答  2009-10-22
你看看你图片是不是有一白边。要不就是你图片的高。超出div 的高了。 你body里应该加入 margin:0 ; padding:0; 这个地方 <div style="background:url(img/jiaju_04.gif) repeat-y left top; width:691px; height:50px; border-top:0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; text-align:center"; margin:auto">
下边多了一个 ‘ ” ’本回答被网友采纳
第2个回答  2009-10-22
<img src="img/jiaju_06.gif" style='margin:0px;'>
把图片的margin去一下试试
第3个回答  2009-10-22
你可以切个图片看看吗??或许你要给这些个div都加上一个 margin:0px auto;