[問題] div間的空格
請問一下我下面的html code
<div id="total">
<div id="head">
<input name="title" type="image" src="images/title.JPG" width="1090" height="174"/>
</div>
<div id="top_nav">
<input name="menu1" type="image" src="images/menu1.JPG" class="menuStyle" />
</div>
<div id="page_content">
<input name="bkg" type="image" src="images/bkg.JPG" width="1090px" height="700px" />
</div>
</div><!-- end of total div -->
另外一下是其css檔
#total {
width:1090px;
margin-left:80px;
}
#head {
width:100%;
}
#top_nav {
margin-top:0px;
height:36px;
background-image:url('images/col.JPG');
background-repeat:repeat;
}
#page_content {
height:700px;
}
.menuStyle {
width:70px;
height:35px;
position:relative;
margin-left:40px;
}
請問top_nav的那個div
在IE看起來會和head 的那個div之間有空格
但是在firefox不會
然後在兩個瀏覽器下的page_content和top_nav的圖片都有緊密的合在一起
請問這是為什麼啊???
而且我常常碰到這樣的問題...
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 218.174.37.169
推
05/11 23:21, , 1F
05/11 23:21, 1F