2011-09-13 48 views
0

我有一個頁面右側的佈局像這樣的:放置一個谷歌的廣告時段,我的CSS

http://www.comehike.com/hikes/search_hiking_groups.php?redirect=yes&radius=&postal_code=

在這裏你可以看到右側有2點:黃色的按鈕和鏈接下面。

我想要做的是在該頁面上放置一個谷歌廣告。但我這樣做的方式打破了頁面。這裏有一個例子它是如何搞亂右側CSS:

http://www.comehike.com/hikes/search_hikes.php?redirect=yes&radius=&postal_code=

我在做什麼搞亂CSS?我該如何解決它?

謝謝!

回答

1

你的側邊欄有一個固定的高度,因此不會擴展到包含新的內容:

.what_to_do { 
    height: 210px; 
} 

刪除它。

+0

其實,只是改變了那裏的價值,但它似乎沒有什麼差別。 – Genadinik

+0

只需刪除它。無論如何,你有一個單獨的規則強制375px的最小高度。 – Eric

1

請嘗試將其放入iframe中。這應該將廣告封裝在自己的小窗口中,該窗口可以有獨立的CSS規則。

+0

或者在'object'中,如果你不想使用IFrame:http://stackoverflow.com/questions/311433/embedding-text-html-in-an-object-instead-of-an- iframe – GolezTrol

+0

許多人推測,在iframe中放置addwords違反了其TOS。另外,Google會根據抓取的頁面內容來定位添加內容。 Iframe上的廣告==沒有內容== Irrelevent添加。 http://www.google.com/support/forum/p/AdSense/thread?tid=23c6139b3524dbaa&hl=zh-CN –

+2

是的,我想避免iframe。我認爲問題是與HTML/CSS而不是廣告。 – Genadinik

1

它看起來像側欄使用類.what_to_do,其中包含了規則height:210px

我會建議:而不是設置一個固定的高度,明確了底部元素,如果他們是浮動的,並讓它自然是默認爲height:auto;。這可以讓側邊欄擴展到其內容。

+0

「高度」默認爲「auto」 - 無需指定它。 – Eric

+0

@eric,你說的是實話。編輯 –