在 IE9 中使用 SimpleModal 的疯狂宽度答案

【问题标题】：Crazy widths using SimpleModal in IE9在 IE9 中使用 SimpleModal 的疯狂宽度
【发布时间】：2010-10-19 06:57:32
【问题描述】：

有没有其他人尝试在 IE9 中使用 SimpleModal？如果是这样，您是否经历过模态框的宽度大错特错？

我在主页上查看了 SimpleModal，模态框也到处都是宽度方向。

有人能解决这个问题吗？

【问题讨论】：

终于让开发者工具在 IE9 中运行（似乎在运行 Win7 的 Mac 上使用硬件渲染会导致 IE9 崩溃），并发现了这个问题。似乎在容器上内联设置的宽度计算不正确。强制 IE8 标准模式是一种暂时的补救措施（事情再次正常），但是我们失去了 IE9 的所有其他优点。想法，伙计们？
我会在时间允许的情况下进行调查，但考虑到 IE9 仍处于测试阶段，出现问题并不让我感到意外。
不用担心 Eric，是的，有 JS 问题也就不足为奇了。

【解决方案1】：

我刚刚发布了 SimpleModal 1.4.1 - 看看是否能解决您的问题。

【讨论】：

谢谢 Eric，我会检查一下并告诉你！
所以，我终于在另一个项目上绕回了这个问题，我现在可以确认 IE9 中的宽度没有问题，所以谢谢！但是，还有其他问题，请看这里：stackoverflow.com/questions/5507078/…

【解决方案2】：

我想出的最好办法是用另一个指定宽度的 div 包围您正在创建的 SimpleModal div。

从本质上讲，div 似乎总是 100% 进入它们所在的容器，所以使用其他 div 来包含它们的大小，并保持它们对齐。

【讨论】：

嗯，SimpleModal 脚本应该根据您要转换为模态的 div 的大小来计算容器的正确宽度，但它似乎在 IE9 文档模式下变得混乱并且无法找出正确的宽度。我很好奇您是如何在 simplemodal-container div 周围即时创建另一个 div 的。
是的，宽度在除 IE9 之外的所有其他浏览器中都可以正确计算，我很确定问题是 IE9 仍处于测试阶段，但是当我发现容器没有留在原位时出现问题折叠了一些容器。为了解决这个问题，我开始将我的 2 个单独的列包装在 div 中，然后注意到它修复了 IE9 中的宽度问题。但是，如果您想即时执行此操作，可以使用 jQuery api.jquery.com/wrap 将 SimpleModal 包装在 div 中。