title: Adsense Responsive not always displayed
body: <p>Yup, another one with a problem with Google Adsense and their responsive ads. Added a total of three ads to a site, two 'horizontal' and one 'auto'.</p>
  
  <p>Created CSS classes for them since Adsense couldn't figure out their width.</p>
  
  <pre><code>.adSidebar {
      margin: auto;
      max-height: 600px;
      width: 302px;
  }
  .adContent {
      margin: auto;
      width: 300px;
  
      @media #{$small-break} {
          width: 320px;
      }
      @media #{$large-break} {
          width: 730px;
      }
  }
  </code></pre>
  
  <p>Ads are included using these classes.</p>
  
  <pre><code>&lt;div class="adContainer"&gt;
      &lt;script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"&gt;&lt;/script&gt;
      &lt;ins class="adsbygoogle adContent" style="display:block" data-ad-client="ca-pub-123456789" data-ad-slot="987654321" data-ad-format="horizontal"&gt;&lt;/ins&gt;
      &lt;script&gt;(adsbygoogle = window.adsbygoogle || []).push({});&lt;/script&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>About 50% of the time all three ads are displayed correctly. However, in those other cases, one or two and missing, sometimes even all three. The error message:</p>
  
  <pre><code>TagError: adsbygoogle.push() error: No slot size for availableWidth=0
  </code></pre>
  
  <p>But when I look at the ins-element that's not being displayed with Firebug it shows me a fixed width as planned.</p>
  
  <p>Anybody have an idea where to look for the issue? If you want to take a look for yourself, the website is www.kfc-uerdingen.de</p>
  
  <p>P.S.: I treid contacting the Adsense help but since the account is new and thus doesn't show constant revenue yet, they won't let you email them. Their support forum is even worse.</p>