好的,我在IE问题上遇到了麻烦。我仍然是新手,让网站在IE中看起来正确。就像在每个页面上一样,右侧或右侧列中的元素会被撞倒。并且页脚上的小三角形图像也被搞砸了。我知道他们是一个修复,我只是找不到它。有任何想法吗?谢谢! :)
注意:我在IE7中进行测试
答案 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中仍然有一个滚动条,我无法弄清楚它来自何处,但希望这会给你一个良好的开端,帮助想象什么