未在InfusionSoft表单上设置高度

Question

我们在一个页面(在一个WordPress站点上)上有一个来自InfusionSoft javascript的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中，但可见区域大约是表单高度的一半)。主要是在macs上的Chrome和Firefox上。Safari似乎从来没有这个问题，但它并不一致，因为我能够在我的mac上的Chrome和Firefox中正确地看到表单。

你有没有想过为什么高度设置得不合适？

Answer 1

编辑：我在你的网页表单上做了更多的研究，看起来这个问题在in浏览器中出现了。要解决此问题，可以在两个元素上设置手动高度。

• 首先将div infFormDiv_0设置为360。
• 第二次也将iframe的高度设置为360。

CSS：

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

原始答案：

如果我自己看不到问题，就很难确定问题所在。这个表单在我检查过的多个浏览器中都可以正常工作。

无论如何，我建议您从javascript表单更改为HTML表单。这很可能会阻止表单在文化中被切断。

转到forms details页面并单击Get the code，然后选择HTML unstyled版本以获取所需的HTML代码。然后使用CSS设置窗体样式，以获得您想要的外观。