Welcome to WebmasterWorld Guest from

Forum Moderators: not2easy

Message Too Old, No Replies

Google AdSense Ad Overlapping Side Navigation

css, adsense, html, navigation, position



8:01 pm on Sep 20, 2013 (gmt 0)

10+ Year Member

I use CSS to position my Google AdSense ads when the web page loads. I recently noticed that my footer Google AdSense ad sometimes covers my right-side navigational links.

Anybody know how to set up this ad CSS positioning so that is always below the main content or the right-side navigational links, whichever is longer?


[edited by: DrDoc at 5:21 pm (utc) on Sep 26, 2013]


5:29 pm on Sep 26, 2013 (gmt 0)

WebmasterWorld Senior Member drdoc is a WebmasterWorld Top Contributor of All Time 10+ Year Member

Depending on the layout of the page, there are a couple ways of getting a footer to shift below something else.

For floated columns, simply use
clear: both
on your footer div. This will force it to clear whichever is the tallest element, whether floated to the left/right.

Otherwise, if there is a "wrapper" container in which both the main content area and columns reside together, and that wrapper ends up extending in height to fit the tallest, you can simply place the footer below this wrapper.

Featured Threads

Hot Threads This Week

Hot Threads This Month