在IE6中没有显示div

时间:2011-06-23 11:01:04

标签: css internet-explorer internet-explorer-6

我已经建立了一个网页,IE7及以上版本的一切看起来都很棒,但在IE6中看起来很糟糕。

我有一个整体div,背景图像甚至没有出现。

为什么会这样?是否有一些常见的东西往往不适用于我的CSS?我通常不支持IE6,所以通常不必解决这些问题,但我的客户已指定他们想在IE6中工作。

这是网站,是的 - 在现代浏览器中相当不错的网站! http://www.replyonline.co.uk/ie6sucks/index.html - 随意查看代码(在查看源代码中有一个IE6特定的样式表:http://www.replyonline.co.uk/ie6sucks/css/anythingslider-ie.css我已经解决了一些现有问题。

由于

3 个答案:

答案 0 :(得分:1)

我这里没有安装IE6,但这里有一些提示:

这很可能是定位('hasLayout')问题。尝试在丢失的DIV或其父级上设置zoom: 1。同样适用于position: relative或两者的组合。

另外,检查一下PIE上的一些内容隐藏错误:http://www.positioniseverything.net/explorer.html

您可以使用Internet Explorer开发人员工具栏尝试其中一些:http://www.microsoft.com/downloads/en/details.aspx?FamilyID=95e06cbe-4940-4218-b75d-b8856fced535。请记住,虽然有些错误只会在整页重新加载时显示或修复,而不是在开发人员工具栏中摆弄CSS时。

我也经常使用XRAY(http://www.westciv.com/xray)来了解我的元素的行为。

有关“有布局”的更​​多信息,请参阅http://www.satzansatz.de/cssd/onhavinglayout.html

答案 1 :(得分:0)

1 - 确保您的网站有效:W3C Validator目前您的网站无效(146错误,16警告)。

2 - IE中有一个令人烦恼的错误与margin/padding有关,如果你有任何元素的左侧或右侧,你可能需要display: inlineinline-block;

我发现像这样的小事可以帮上忙。

查看W3C结果,看起来您可能有太多关闭div代码

答案 2 :(得分:0)

调试很棘手,因为我的机器上没有ie6的工作副本,只有ietester但是ie6存在已知问题,因为它没有正确计算尺寸以便正确显示背景图像。

答案通常是在元素上触发hasLayout,最简单的方法是使用position:relative。我先做点什么。

我还建议您查看html5boilerplate样式表,看看是否有任何可以使用的样式表。在那里重置/重新分配css简直是辉煌,并且解决了很多css问题。

祝你好运!