Facebook应用程序中的iframe填充错误

Question

潜伏者的第一篇文章,请耐心等待.

在我公司的Facebook应用程序中,有一个表单可能有错误消息,这是左双填充.它们有相当多的填充以与它们上面的输入对齐(它们也得到左边的填充).

当我从Facebook iframe弹出这个相同的页面时,它会正常显示,表格元素和错误消息排成一行.

实际的代码是一个遗留的(在所有意义上的)混乱,但确实在包括IE6和7在内的所有东西都没有黑客.以下是这些lis上的所有非重置样式:

clear: none;
font-size: 12px;
margin-bottom: 0;
margin-top: 5px;
overflow: hidden;
padding-left: 160px;

我已经确认将填充加倍会产生混乱的视图(我只能在非混乱的视图中使用IE Developer工具,因为它无法处理iframe).

任何人都有任何想法？除了撕掉这些旧代码并重新开始之外？

更新:似乎撕掉旧代码可能是必要的.我有一些没有孩子的UL可能导致一些破损.

更新2:动态生成的dom是乱七八糟的,但是这里的工程师没有时间重构它,所以我可能永远得不到这个问题的答案.:(

Answer 1

这可能不是一个理想的解决方案，但我会使用一个条件和一个单独的仅 IE9 样式表来解决这个问题。

就像是：

    <!--IF[IE 9]-->
      // Include IE9 stylesheet here
<![endif]-->

在该样式表中可能会执行以下操作：

clear: none;
font-size: 12px;
margin-bottom: 0;
margin-top: 5px;
overflow: hidden;
padding-left: 80px; /* half the padding */