InfusionSoft表单上未设置高度

Question

我们在一个来自InfusionSoft javascript的页面上（在WordPress网站上）有一个InfusionSoft表单。

<script type="text/javascript" src="https://uu145.infusionsoft.com/app/form/iframe/9ad1af7469e553f569dde3d29b09d319"></script>

在此页面上：

http://www.heartofbusiness.com/foundations-one-clients-money-mini-series/

我们的一些用户报告表单只是部分显示（iframe中的所有内容都存在，但可查看区域大约是表单高度的一半）。主要是在Chrome＆amp; Firefox上的Mac。 Safari似乎没有问题，但它不一致，因为我能够在我的Mac上的Chrome和Firefox中正确地看到表单。

有关为什么不能正确设置高度的任何想法？

Answer 1

编辑：我对您的网络表单进行了更多挖掘，看起来问题出现在Internet Explorer中。要解决此问题，您可以在两个元素上设置手动高度。

• 首先将div infFormDiv_0设置为360的高度。
• 其次将iframe的高度设置为360.

CSS：

#infFormDiv_0 {
  height: 360px;
}
#infFormIframe_0 {
  height: 360px;
}

原始答案：

如果我自己看不到，很难确定问题。该表单在我检查的多个浏览器中运行良好。

我建议你无论如何都要从javascript表单更改为HTML表单。这很可能会阻止形式在剪裁中切断。

转到表单详细信息页面，然后单击获取代码并选择HTML无样式版本以获取您需要的HTML代码。然后使用CSS设置表单样式以获得所需的外观。