当前位置：文江博客话题详情

网站在除 IE7 之外的所有浏览器中都运行良好，

发布于 2024-08-05 07:14:59 字数 199 浏览 3 评论 0原文

我似乎无法弄清楚为什么我的网站在 IE7 中崩溃，我确信这与 CSS 中的某些内容有关，但我找不到它，这让我发疯。我觉得我看艺术品太久了，我看不出问题出在哪里。有人能以新的眼光来提供帮助吗？谢谢 =)

网站：rburtonart.com

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

浅笑轻吟梦一曲 2024-08-12 07:14:59

我无法确定问题所在，但如果您的 Internet Explorer 遇到问题（谁没有遇到问题？），则有条件评论是你的朋友！

它们允许您添加仅在 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-level 元素的条件注释，以强制标题 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]-->

I can't identify the problem, but if you've got a problem with Internet Explorer (and who doesn't?), then Conditional Comments are your friend!

They let you add code that only active in IE, or a specific IE version. Sample:

<!--[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]-->

Both of these will do nothing in any other browser -- they become just another harmless comment. If you're feeling hate towards those pesky IE6 users, you can target them for a nag to upgrade (either to another browser, or a more recent version).

EDIT: found it
Before IE8, IE had issues with floats and layout. I think this will work, since I used something similar under similar circumstances.

You need to add a conditional comment containing a blcok-levelelement to FORCE the #content DIV below the header DIV. This should be empty, and force everything below it.
Try adding the following between the end of the header div, and the declaration (line 79). If you see too much space between the header and content, you can tinker with it.

<!--[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]-->

回复收藏 0 原文