IE CSS问题

时间:2011-04-08 17:44:58

标签: css internet-explorer

Website Link

好的,我在IE问题上遇到了麻烦。我仍然是新手,让网站在IE中看起来正确。就像在每个页面上一样,右侧或右侧列中的元素会被撞倒。并且页脚上的小三角形图像也被搞砸了。我知道他们是一个修复,我只是找不到它。有任何想法吗?谢谢! :)

注意:我在IE7中进行测试

1 个答案:

答案 0 :(得分:1)

Doctype很好,它在我的IE8标准模式下渲染,所以这是一个好兆头

这是其中之一......一下子想出来太多了;)

这个应该修复导航菜单的对齐我认为必须有text-align: center一些,但即使没有跟踪它,我建议只是明确,帮助可怜的IE,你可以;)..所以明确告诉导航菜单(绝对定位)与左侧对齐 - 这个不需要IE特定,因为它不会造成伤害

#nav {
left: 0;
}

更新

我可以看到的主要问题都是浮动相关的,并且在页脚中有一些数学运算,对于IE7及以下版本来说,一个有用的规则是始终帮助IE计数;)

我做了你的页脚包裹所需的1001px来包含它里面的所有东西,我也相对定位它所以2 x三角形效果可以绝对定位在左右两侧,负顶部位置让它们坐在上面顶部在包装上。

然后在主要问题是你如何浮动,在两个地方,页眉和页脚你有一个非浮动元素后右浮动元素,这不是真的有效,甚至可能在其他浏览器中不稳定,你可以很容易地解决左边的内容,然后你需要让容器#header#footer-wrap以及#footer浮动,并明确地给它们宽度..宽度在页脚div的情况下是941px,因为它们有60px填充,这使得它们总共1001px - 这就是我的意思,通过帮助IE ...让它显而易见!

无论如何,JSBin中有一个工作(在IE7中)链接 - EXAMPLE

我已将style.css嵌入到文档的头部以使更改更容易..并且所有更改都在那里,IE7中仍然有一个滚动条,我无法弄清楚它来自何处,但希望这会给你一个良好的开端,帮助想象什么