特定网页上的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

此信息显示在此处。但是，在使用查找功能后，信息将显示在右侧，应该如此。这真让我难过。

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

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

欢迎任何解决方案，想法等！

Answer 1

整蛊一个！但我认为这可能不是CSS。

我的第一反应是DIV可能在某处没有正确关闭。

根据Find函数修复它，也许你有一个</div>设置为显示查找结果，所以在Find函数显示之前它没有出现？

希望有道理！如果可能，尝试搜索任何类型的if / else语句中的任何结束标记。

编辑 - 刚刚注意到 - 您的“查找教会”页面中的很多内容似乎都在“三分之四”DIV之后，以及“明确”DIV之后。如果您可以编辑源代码，请尝试将所有内容放回“三分之四”DIV中，看看会发生什么。

Answer 2

两个问题，都是CSS。左侧div ef-inner3未指定float:left或width。这导致它太宽，推动主题区域。

您需要添加这些CSS值。如何使用您的特定CMS系统执行此操作我不确定。

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