除了IE7,网站在所有方面都很棒

时间:2009-09-15 02:15:25

标签: css web internet-explorer-7

我似乎无法弄清楚为什么我的网站在IE7中断了,我确定它与CSS中的某些东西有关但我找不到它并且它让我疯狂。我觉得我一直在看艺术品,所以我看不出问题是什么。任何人都可以带着一双清新的眼睛和帮助进来吗?谢谢=)

网站:rburtonart.com

4 个答案:

答案 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;">&nbsp;</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

这应该可以解决你的问题!它在我的浏览器中实现!