私たちは、私たちのウェブサイトに新しいレスポンシブ ウェブ テンプレート デザインを導入しています。このデザインは、1 か所を除いてすべての場所で完全に機能しています (それが役立つ場合は、Convio CMS を使用しています)。これは、次のように表示されるはずです (右側の列にメニューと連絡先情報が表示されます)。
http://www.ucc.org/feed-your-spirit/practices/prayer-flags.html
ただし、このページでは：
http://www.ucc.org/find/find-a-ucc-church.html
その情報はこの下に表示されます。ただし、検索機能を使用すると、情報が右側に表示されます。これは本当に私を困惑させました。
教会を見つけるサービスは、任意のページに配置できるコンポーネントです。
二次的な問題 - 現在のページ (www.ucc.org/find) ではマップが表示されますが、Firefox の結果ページではマップが表示されません。
解決策、アイデアなどは大歓迎です！
トリッキー！しかし、これはCSSではないかもしれないと思います。
私の最初の反応は、おそらく DIV がどこかで適切に閉じられていないということでした。
それを修正する検索機能に基づいて</div>、検索結果を表示するように設定されている可能性があるため、検索機能が表示する前に表示されませんか?
それが理にかなっていることを願っています！可能であれば、あらゆる種類の if/else ステートメント内にある終了タグを検索してみてください。
編集 - 気がついた - あなたの Find a Church ページのコンテンツの多くは、「three four」DIV の後で、「clear」DIV の後にあるようです。ソースを編集できる場合は、そのすべてを「three four」DIV 内に戻してみて、何が起こるかを確認してください。
2 つの問題、どちらも CSS です。左の div には、指定も指定もef-inner3ありません。これにより、幅が広すぎて、トピック領域が押し下げられます。float:leftwidth
これらの CSS 値を追加する必要があります。特定の CMS システムでそれを行う方法はわかりません。
下に移動する理由は、次のとおりです。2 つの要素をフロートする場合、それらを組み合わせた幅は、親の幅よりも大きくすることはできません。それらが大きい場合、十分なスペースがなく、2 番目の浮動アイテムが最初のアイテムの下に移動します。