Hallo ihr schönen Menschen.
Problem ist folgendes:
auf meiner Webseite http://www.memes.at wird der facebook - like button im IE, firefox und chrome erst beim zweiten Aufruf der Webseite geladen...
Dies führt zu einer Verschiebung im Layout und wirkt sehr unschön.
Ich habe folgendes bereits versucht:
HTML
<html lang='en' xml:lang='en' xmlns:fb='http://www.facebook.com/2008/fbml' xmlns:og='http://opengraphprotocol.org/schema/'>1. das eingefügt.
Code
<div id='fb-root'></div>
<script type='text/javascript'>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = '//connect.facebook.net/en_US/all.js#xfbml=1';
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>2. ist unmittelbar nach dem body tag.
Das hier ist der Code wo der Like button erscheinen sollte:
Code
<div style='text-align:center; padding-top:10px; padding-bottom:10px; width:1000px;'>
<span style='margin-left:-30px;'>
<g:plusone annotation='none' href='http://www.memes.at'></g:plusone>
</span>
<span style='padding-left:15px;'>
<a href='http://www.memes.at'><h1>memes and all the meme faces at memes.at</h1></a>
</span>
<span style='padding-left:15px;'>
<div class='fb-like' data-href='http://www.facebook.com/pages/memesat/224657280947944' data-send='false' data-layout='button_count'
data-width='50' data-show-faces='false' data-colorscheme='light' data-font='lucida grande'>
</div>
<a name='fb_share' type='button' share_url='http://www.memes.at'></a>
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'>
</script>
</span>
</div>Ich weiß nicht woran es liegen könnte.
Vielen Dank für Antworten!