2

私のページはhttp://bonemarrow.ipage.com/contact/です。

WordPress をインストールして、Contact Form 7 で reCaptcha を使用しています。reCaptcha がなければ、私のフォームはきれいに見え、ページの外観を妨げません。reCaptcha をポップするとすぐに、メイン コンテンツ領域の下、フッターとの間にギャップができます。

reCaptcha がフッター div を reCaptcha テーブル自体とほぼ同じ高さまで押し下げているようです。独自の div (#my_captcha) でラップして高さを設定しようとしましたが、それも機能しませんでした。

また、フォームのラベルやフィールドのスタイルが原因である可能性があると考えたので、すべてのスタイルを削除して何が起こるかを確認しました。reCaptcha は、スタイルを設定しなくても、依然としてそのギャップを導入することを主張しています。

どんな助けでも大歓迎です。

4

1 に答える 1

3 
footer{
margin-top: -30px;
}

これはあなたがそれを行うことができる1つの方法です.

編集：あなたのコメントに基づいて...

たとえば、このようにCSSをより具体的にすることができます

.some_specific_container footer{
margin-top: -30px
}

フォームクラスがページにのみ表示されると仮定すると、問題はありません。

編集2：

もう一度見てみましたが、問題は iframe が原因です。現在、visibility:hidden追加display:noneすると修正されます。ハックは必要ありません。これが発生する理由visibility:hiddenは、要素を非表示にするためですが、以前と同じスペースを占有します。要素は非表示になりますが、レイアウトには影響します。display:none要素を非表示にし、スペースを占有しません。要素は非表示になり、要素が存在しないかのようにページが表示されます。ソース。

于 2012-10-20T08:29:27.427 に答える