Note that there are some explanatory texts on larger screens.

plurals
  1. POAddThis buttons CSS problem
    text
    copied!<p>I have asked this question on the AddThis forum but have not had any replies so far. Hopefully someone can help me on this. </p> <p>The page in question is on <a href="http://preview.ami.co.nz/products" rel="nofollow noreferrer">http://preview.ami.co.nz/products</a>, in the bottom right corner. </p> <ul> <li>If viewed in <strong>Chrome</strong> or <strong>Firefox</strong> the word "Share" is to the left of the orange "+" AddThis button. </li> <li><p>However, on <strong>IE</strong> (at least IE8 and 6) the word "Share" is to the right! It is supposed to look like it does on Chrome and FF but I can't figure out what IE is doing to it.</p> <p><img src="https://i.stack.imgur.com/un3h3.png" alt="enter image description here"> <img src="https://i.stack.imgur.com/pBT5M.png" alt="enter image description here"></p></li> </ul> <p>To make things even more peculiar - the very same code on a different page looks correct in all browsers! Check out <a href="http://preview.ami.co.nz" rel="nofollow noreferrer">http://preview.ami.co.nz</a></p> <p>Any suggestions would be greatly appreciated.</p> <p>PS. Here's the markup I put on those pages:</p> <pre><code>&lt;!-- AddThis Button BEGIN --&gt; &lt;div class="addthis_toolbox addthis_default_style" style="display: &lt;%= SocialMediaVisibility %&gt;"&gt; &lt;a class="addthis_button_compact"&gt;Share&lt;/a&gt; &lt;a class="addthis_button_facebook"&gt;&lt;/a&gt; &lt;a class="addthis_button_twitter"&gt;&lt;/a&gt; &lt;a class="addthis_button_email"&gt;&lt;/a&gt; &lt;/div&gt; &lt;script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4e0a5ac2480330c8"&gt;&lt;/script&gt; &lt;!-- AddThis Button END --&gt; </code></pre>
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload