【问题标题】:Placing a google ad breaks my css放置谷歌广告会破坏我的 CSS
【发布时间】:2011-11-16 13:27:02
【问题描述】:

我有一个像这样右侧布局的页面:

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?我该如何解决?

谢谢!

【问题讨论】:

    标签: html css layout


    【解决方案1】:

    您的侧边栏具有固定高度,因此不会扩展以包含新内容:

    .what_to_do {
        height: 210px;
    }
    

    删除它。

    【讨论】:

    • 其实只是改了那里的值,但好像没什么区别。
    • 删除它。无论如何,您有一个单独的规则在其他地方强制执行 375px 的最小高度。
    【解决方案2】:

    尝试将其放入 iframe 中。这应该将广告封装在自己的小窗口中,该小窗口可以有独立的 css 规则。

    【讨论】:

    • 如果您不想使用 IFrame,或者在 object 中:stackoverflow.com/questions/311433/…
    • 许多人推测在 iframe 中放置 addwords 违反了他们的 TOS。此外,谷歌基于抓取他们所在页面的内容来定位添加。 Iframe 上的广告 == 无内容 == Irrelevent 添加。 google.com/support/forum/p/AdSense/…
    • 是的,我想避免使用 iframe。我认为问题在于 html/css 而不是广告。
    【解决方案3】:

    看起来侧边栏正在使用类.what_to_do,其中包含规则height:210px

    我会建议:不要设置固定高度,如果底部元素是浮动的,则清除它们,让它自然成为height:auto; 的默认值。这可以让侧边栏列扩展到其内容。

    【讨论】:

    • height 默认为auto - 无需指定。
    • @eric,你说的是实话。已编辑
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-01-24
    • 2016-06-04
    • 1970-01-01
    • 1970-01-01
    • 2011-10-16
    • 1970-01-01
    相关资源
    最近更新 更多