reCaptcha按下CSS元素

我的頁面是http://bonemarrow.ipage.com/contact/。reCaptcha按下CSS元素

我在wordpress安裝下使用帶有聯繫表格7的reCaptcha。沒有reCaptcha，我的表單看起來不錯，不會影響頁面的外觀。只要我在reCaptcha中彈出，我就會在主要內容區域之間和它的頁腳之間出現間隙。

看起來好像reCaptcha將頁腳div降低大約與reCaptcha表本身相同的高度。我嘗試將它包裹在我自己的（#my_captcha）div中並設置高度，但這也不起作用。

我也認爲這可能是因爲我在表單中標記標籤和/或字段的方式，所以我刪除了所有樣式以查看會發生什麼。沒有交易，即使沒有造型reCaptcha仍然堅持引入這種差距。

任何幫助，將不勝感激。

2012-10-20 helios

footer{ 
margin-top: -30px; 
}

這是一種方法，你可以做到這一點。

編輯：基於您的評論...

那麼你可能只是更具體與您的CSS比如像這樣

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

假設窗體類僅出現在頁面上我不上沒有看到這個問題。

編輯2：

剛接手再看看，這個問題是由IFRAME引起的，您目前有visibility:hidden如果添加display:none你會解決它。不需要黑客。發生這種情況的原因是因爲visibility:hidden隱藏了一個元素，但它仍然會佔用與以前相同的空間。該元素將被隱藏，但仍會影響佈局。 display:none隱藏一個元素，它不會佔用任何空間。該元素將被隱藏，並且該頁面將顯示爲該元素不存在。 source.

來源

2012-10-20 08:29:27 cih

的確，我想到了這一點，但我試圖避免爲此頁面定製樣式。另外，如果我知道是什麼導致了它，我會感覺更好，而不僅僅是黑客使CSS看起來正確。 – helios

對不起，我在編輯答案時編輯了你的評論，我同意它總是很好地解決問題的根源，但是有時候黑客也可以; - ） – cih

爲了響應你的編輯：頁腳不包含在內表單類，它必須是頁面特定的。這很好，如果我不知道爲什麼會發生這種情況，我甚至可能必須這樣做，但我想知道爲什麼會發生這種情況，以便我可以避免同樣的錯誤（假設它是我的代碼中的錯誤）在將來。 – helios

reCaptcha按下CSS元素

回答

相關問題