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)

Junior Member

10+ Year Member

joined:Mar 16, 2005
posts: 51
votes: 0

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 Sept 26, 2013 (gmt 0)

Senior Member

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

joined:Mar 15, 2002
votes: 0

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.