Weird Bug With Responsive Adsense?

Ad is Moving Around and Partially Disappearing on a Tablet

[jimh009]

Hi,

I've begun to roll out the Responsive Adsense Unit (which loads asynchronously). Tonight I noticed something very peculiar. When I view it on my iPad (landscape mode), the ad looks perfectly fine when my tablet is lying flat. But as I increase the angle of the iPad (such as going to a 30 degree angle for better viewing), the ad gradually begins to move to the left and partially disappears! The amount of pixels it moves is about 20-30 pixels when the iPad is moved to a 90 degree viewing angle. Also, I'm not changing the orientation of the iPad any...just the angle of viewing.

Meanwhile, if I change the orientation to portrait mode...the ad will move "to the right" by about 10-20 pixels as I change the viewing angle. The ad again displays perfectly when lying flat, but as I change the viewing angle the ad slowly moves to the right...and again partially disappears.

Has anyone else noticed this...or am I just unlucky? Or is something perhaps wrong with my code that is causing this very peculiar behavior?

Edit : I'm seeing this problem using the Safari browser on an iPad 3 (first-gen retina display model). On my iPad, Chrome doesn't seem to have this issue. Also, the Adsense Responsive Unit displays fine on FF, IE and Chrome on my laptop, even when the browser windows viewport is reduced to tablet mode.

So this might be a strange Safari bug?

[not2easy]

Does your css have any specific viewport or -webkit settings?

[jimh009]

Hi,

Not sure what you mean by "specific viewport or -webkit settings." Being responsive, it does have specific "breakpoints".

[not2easy]

The Responsive AdSense Units are for use on pages that dynamically change to deliver your content regardless of device or screen size. If you don't use a viewport setting, this probably won't function as expected. If you haven't addressed javascript blocking or rendering issues on the page, they may not work as expected. There are lots of resources available from AdSense to find any issues encountered on your page (if any) and how to address them. A few links to that informations are from AdSense: [support.google.com...] and to help find any problems that might be a cause: [developers.google.com...]
They offer a tool to test specific pages that will generate a report with details and links for help.

[jimh009]

Yeah, my responsive layout uses viewport settings. The site has four specific breakpoints. What is strange is that this problem only happens with the Safari browser on the iPad. Chrome on my iPad works just fine, as do using all browsers on my laptop. And Chrome on my Samsung tablet also works just fine.

[RedBar]

I have a problem with the 728 x 90 leaderboard on an 8" Xoom, it works fine on all other browsers, tablets and smartphones I've tested ... no idea why.