Google Adsense Ads wider than sidebar

  • Resolved cmund43

    (@cmund43)


    16 years, 7 months ago

    Hello-
    As title states, my google ads aren’t staying within their boundaries of the North and South sidebar. I have tried several of the other posting suggestions, like: “overflow:hidden”, adjusting the padding, etc. I have no coding experience so I just experimented but haven’t figured it out. My website is: http://www.welcometomyjungle.com You can see my issues there. I will post my sidebar code below. If anyone can help, I would greatly appreciate it! Thanks in advance.

    /* sidebar START */
    #sidebar {
    background:#F7F7F7 url(img/sidebar_shadow.gif) top repeat-x;
    width:300px;
    float:right;
    font-size:95%;
    line-height:145%;
    overflow:hidden;
    padding-top:8px;
    }
    #sidebar li {
    background:url(img/icons.gif) 0 -560px no-repeat;
    padding-left:22px;
    list-style:none;
    margin-top:5px;
    /*font-size:95%;*/
    }
    #sidebar .content,
    #sidebar li {
    font-size:12px;
    }
    #centersidebar,
    #northsidebar .widget,
    #southsidebar .widget {
    background:url(img/widgetsep.png) bottom no-repeat;
    padding:10px 15px 16px;
    }
    #centersidebar {
    padding-bottom:6px;
    }
    #northsidebar,
    #southsidebar {
    font-size:95%;
    };
    }
    #northsidebar .widget h2,
    #southsidebar .widget h2 {
    margin-bottom:10px;
    }
    #northsidebar .widget .content p,
    #southsidebar .widget .content p {
    margin-bottom:10px;
    }
    #westsidebar {
    width:121px;
    float:left;
    padding-right:5px;
    font-size:95%;

    }
    #eastsidebar {
    width:129px;
    float:right;
    font-size:95%;

    }
    #westsidebar h3,
    #eastsidebar h3 {
    margin-bottom:5px;
    }
    #westsidebar .widget,
    #eastsidebar .widget {
    margin-bottom:15px;
    }
    #sidebar .widget_feeds {
    padding:5px 15px 15px;

Viewing 3 replies - 1 through 3 (of 3 total)
  • esmi

    (@esmi)

    16 years, 7 months ago

    Two options:

    1. If you want to use 300px wide ads in a 300px sidebar, you’ll need to remove the left & right padding on the text widgets by adding:

    .#centersidebar, #northsidebar .widget_text, #southsidebar .widget_text {
padding-left:0;
padding-right:0;
}

    to the bottom of style.css.

    2. Stick to ads 270px wide or smaller. Your widgets have 15px left and right paddings.

    Thread Starter cmund43

    (@cmund43)

    16 years, 7 months ago

    Thank you esmi. I think I’ll try sticking with 270 px wide or smaller.

    Thread Starter cmund43

    (@cmund43)

    16 years, 7 months ago

    Hey esmi, it did work. I just didn’t give it time to update.

    Thank you for your help!

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Google Adsense Ads wider than sidebar’ is closed to new replies.

Tags