W3C Logo

Facebook – there is no attribute „allowTransparency“

W3C Logo
W3C Logo

Wenn Sie während der Validierung ihrer Website mit dem W3C Validator folgende Nachricht erhalten:

there is no attribute „allowTransparency“

verwenden Sie wahrscheinlich den Facebook Like Button mit folgendem Code:

 

<iframe
src="http://www.facebook.com/plugins/like.php?href=<!--?php echo urlencode (get_bloginfo( 'url' )); ?-->
&send=false&layout=standard&width=250&show_faces=false&action=like&
colorscheme=light&font=verdana&height=30"
scrolling="no" frameborder="0"
style="border:none; overflow:hidden; width:250px; height:30px;"
allowTransparency="true">

Der einzige Grund ist das vom IE benötigte Attribute „allowTransparency“. Die Lösung besteht in der Verwendung einer Browserweiche mit folgendem Code:

<!-- [if IE]>  
  <iframe
  src="http://www.facebook.com/plugins/like.php?href=<?php echo urlencode (get_bloginfo( 'url' )); ?>
  &#038;send=false&#038;layout=standard&#038;width=250&#038;show_faces=false&#038;action=like&#038;
  colorscheme=light&#038;font=verdana&#038;height=30"
  scrolling="no" frameborder="0"
  style="border:none; overflow:hidden; width:250px; height:30px;"
  allowTransparency="true">
  </iframe>
<![endif]-->
<!-- [if !IE]-->    
  <iframe
  src="http://www.facebook.com/plugins/like.php?href=<!--?php echo urlencode (get_bloginfo( 'url' )); ?-->
  &send=false&layout=standard&width=250&show_faces=false&action=like&
  colorscheme=light&font=verdana&height=30"
  scrolling="no" frameborder="0"
  style="border:none; overflow:hidden; width:250px; height:30px;" >
<!--<![endif]-->

Ich verwende zwei Codes für den Facebook Like Button
Einen mit einer if-Anweisung für den IE und einen anderen ohne allowTransparency für alle anderen Browser. Damit ist das Validierungsproblem gelöst.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.

*