Css 标题与内容重叠

Css 标题与内容重叠,css,css-position,Css,Css Position,我在相对定位的元素主体内容之后放置了一个绝对定位的元素标题。由于某些原因,这在除IE8之外的所有浏览器中都可以正常工作。 标题与内容元素重叠,未定位在其绝对位置。 我使用过的css规则: #bodyContent{ clear: both; display: table; width: 920px; margin-top: 173px; _margin-top: 178px; position: relative; } #headerContain

我在相对定位的元素主体内容之后放置了一个绝对定位的元素标题。由于某些原因,这在除IE8之外的所有浏览器中都可以正常工作。 标题与内容元素重叠,未定位在其绝对位置。 我使用过的css规则:

#bodyContent{
    clear: both;
    display: table;
    width: 920px;
    margin-top: 173px;
    _margin-top: 178px;
    position: relative;
}
#headerContainer {
    position: absolute;
    top: 0px;
    left:0px;
}
标题部分是从内容元素位置渲染的,其位置带有空格


这是IE8中的错误吗?有人能帮我解决这个问题吗?

这听起来像是一个旧的IE7错误。。你能在它们之间放置一个元素吗?我也有类似的问题。我使用float命令解决了这个问题。尝试浮动:左;在headerContainer中

如果给headerContainer指定一个高度,会发生什么?我尝试使用headerContainer的高度,但问题仍然存在。对于我在IE8中遇到的问题,这还没有解决。是否有其他解决方案尝试设置headerContainer的高度和宽度,或者甚至尝试将bodyContent的z索引设置为高值,如99999headerContainer的内部div正在使用高度和宽度标题{高度:105px;背景图像:url.././images/elements/centreHeaderBackground.gif;背景重复:无重复;背景位置:底部;显示:表格;宽度:920px;}我使用了z-index,但问题仍然存在。页眉仍然放在同一个内容元素上实际上}bodyContent{clear:两者;display:table;width:920px;position:absolute;top:173px;}这解决了我的问题。但是页脚移动到页面顶部,不可见。你知道为什么在检查html语法时会发生这种情况吗。有时,除IE之外的浏览器似乎忽略了缺少的标记元素,从而正确呈现页面。从另一方面来说,根据我的经验,我并没有这样做。还可以尝试将标题容器中的内部div设置为position:relative。请告诉我“它们之间的元素”是什么意思。