html在ie中显示2个层之间为什么会有空隙?

<body>
<div id="header">
<img src="images/cb01_ad.jpg" width="1000" height="341">
</div>
<div id="main">
<img src="images/coffee1.jpg" width="500" height="375">
</div>
css:
*{ margin:0px auto; padding:0px;}
#header{ width:1000; height:341px;}
#main{ width:500px; height:375px;}
这样简单的2个层,在IE中显示时为什么之间有空隙呢?而且header怎么不居中呢?

解决两个div间有间隙: 设定好固定的HTML格式(如HTML5, 或xhtml strict);可能与IE版本有关, 我在IE8上没有间隙.
header不局中是因为width值应该设为1000px, 而这里设为了1000(少了单位px), 造成CSS解析不下去, 故未起作用.追问

怎么去设定好固定的html格式呢?

追答

设定为HTML5格式:

...

xhtml1.0 transitional格式:

...

设置这个主要是防止IE进入所谓的"怪异"模式(具体怎么讲我也模糊, 可网上搜索).

追问

这个不用设置啊,打开dreamweaver他自动就有的

追答

你的IE版本是多少? 你再试试两个div间不换行.

追问

天哪,不换行的时候间隙就没有了,但是在写网页的时候不可能那么多内容放一起不换行啊?那怎么办?我的是IE6

追答

IE8上没有这种问题. 你只要前一div的结束标签与后一div的开始之间不换行就可以了, 应该无需所有内容都不换行.

追问

试了一下,不行。不过还是谢谢你!

温馨提示:答案为网友推荐,仅供参考
第1个回答  2017-11-06
div{
display:inline;
margin:0 auto;
}
还有你的header居中是因为你自己写了margin:0 auto(这个就会居中了),另外你head样式写错了,1000px而不是1000