Overv / Open.GL

The source code and content of Open.GL.

Home Page:http://open.gl/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Open.gl: Ad messes with sidebar

opened this issue · comments

There's an ad in the side bar that doesn't want to stay there
image

It disappears when zooming in (thanks to responsive layout mentioned in #48 ?), and doesn't obscure any text, but is still annoying.
I don't know exactly where the problem comes from, but found an oversized <iframe>:

<div id="adbox" class="adbox-side" ...> [160x600]
 <div ...> [160x250]
  <div id="google_ads_iframe_/..."> [160x250]
   <iframe id="google_ads_iframe_/..." ... width="300" height="250"> [300x250]

At least, that's how it works in
Tor Browser 8.5.4 (based on Mozilla Firefox 60.8.0esr) (64-bit)
Cannot check in other browsers since opening the website without VPN gives "connection timed out" for some reason (probably my provider carpet banning all websites on a single IP to satisfy the government's demands)

Is this in a browser window that leaves little space to the left of the sidebar? I've tried to reproduce this with a small browser window (just wide enough to show the entire page) but I can't get ads to show up in that case.

Actually, it is in a big browser window
image
Shrinking it beyond ~1900px makes ads disappear

Strange, for me the ads are aligned so that they never cover the text:

Huh. Maybe Tor breaks something...
There's a message in the console that appears on all pages and might be related

The character encoding of the plain text document was not declared. The document will render with garbled text in some browser configurations if the document contains characters from outside the US-ASCII range. The character encoding of the file needs to be declared in the transfer protocol or file needs to use a byte order mark as an encoding signature.
The character encoding of a framed document was not declared. The document may appear different if viewed without the document framing it.

Also, adding align="right" to the iframe seemed to fix it:
image

Ah, that's gonna be a challenge though because I don't think I can apply styling to that iframe myself (it's created by Google AdSense).