我似乎无法弄清楚为什么我的网站在IE7中断了,我确定它与CSS中的某些东西有关但我找不到它并且它让我疯狂。我觉得我一直在看艺术品,所以我看不出问题是什么。任何人都可以带着一双清新的眼睛和帮助进来吗?谢谢=)
答案 0 :(得分:3)
我无法确定问题,但是如果您遇到Internet Explorer问题(谁没有?),那么Conditional Comments就是您的朋友!
它们允许您添加仅在IE中运行的代码或特定的IE版本。样品:
<!--[if IE]>
alternate style or stylepage for broken IE implemention of CSS
<![endif]-->
<!--[if IE 7]>
Fix for something broken only in IE7, not any other version.
<![endif]-->
这些都不会在任何其他浏览器中做任何事情 - 它们只会成为另一个无害的评论。如果你对那些讨厌的IE6用户感到讨厌,你可以将它们定位为唠叨升级(无论是另一个浏览器,还是更新版本)。
编辑:发现 在IE8之前,IE存在浮点数和布局问题。我认为这会起作用,因为我在类似情况下使用了类似的东西。
你需要添加一个包含blcok-levelelement的条件注释来强制标题DIV下面的#content DIV。这应该是空的,并强制它下面的一切 尝试在标题div的结尾和声明(第79行)之间添加以下内容。如果您在标题和内容之间看到太多空格,则可以修改它。
<!--[if IE 7]>
<div style="clear: both; width: 100%; padding:0; margin:0; height:1px;"> </div>
<!-- Fix for IE box model issues with content div -->
</div>
<![endif]-->
答案 1 :(得分:1)
你没有说什么坏了,我没有IE7方便,但对于初学者来说,你的网站不会验证,无论是XHTML Strict(你指定的doctype)还是CSS。在做其他任何事情之前,我会修复验证错误。
答案 2 :(得分:1)
你的菜单足够需要
float: left;
你的中心部分在闪光灯的高度上出错......
我想你需要仔细研究一下。
IE现在提供了一个方便的开发人员工具,您可以在其中动态更改css。
答案 3 :(得分:0)
给你的身体
background-color: #353535
将包裹的最小高度更改为例如
min-height: 650px
并将#main bottom padding更改为例如
padding-bottom: 20px