特定网页上的 CSS 问题

Question

我们正在我们的网站上建立一个新的响应式网页模板设计，这个设计在除一个地方以外的所有地方都运行良好(如果有帮助，我们在 Convio CMS 上)。它应该是这样的(右栏中的菜单和联系信息):

http://www.ucc.org/feed-your-spirit/practices/prayer-flags.html

但是在这个页面上:

http://www.ucc.org/find/find-a-ucc-church.html

该信息显示在此处下方。但是，在您使用查找功能后，信息会按应有的方式出现在右侧。这真让我难过。

查找教堂服务是一个可以放置在任何页面上的组件。

次要问题 - map 在 Firefox 的结果页面上不可见，但在当前页面 - www.ucc.org/find - 它是可见的。

欢迎任何解决方案、想法等!

Answer 1

两个问题，都是CSS。左边的 div，ef-inner3 没有指定 float:left 和 width。这导致它太宽，将主题区域推低。

您需要添加这些 CSS 值。我不确定您是如何使用您的特定 CMS 系统做到这一点的。

它向下移动的原因是:当你 float 两个元素时，它们的组合宽度不能大于它们父元素的宽度。如果它们更大，则没有足够的空间，第二个 float 项移动到第一个下方。