Facebook Comments Social Plugin 0 Ширина

Когато използвате социалния плъгин за коментари във Facebook в елемент на раздел jquery, той вече връща iframe с ширина 0, което води до празна страница (раздел). Обаждането работи от месеци (години) в раздела, но сега има проблем от месец. Ако направя обаждането извън раздела, приставката работи добре. Обаждането е

<ul class="css-tabs">
  <li><a id= "t1" href="/bg#tab1">#ISUSkating</a></li>
  <li><a id= "t2" href="/bg#tab2">Facebook</a></li>
  <li><a id= "t3" href="/bg#tab2">Timetable</a></li>
   </ul>

<!-- tab "panes" -->

<div class="css-panes"> 
  <!-- TAB 1 -->
    <div></div>
  <!-- TAB 2 -->
  <div id="fb_comments" style="height:530px; overflow-y:auto; background-color:white;border-bottom-right-radius:5px; border-bottom-left-radius:5px; border-top-right-radius:5px;">
    <fb:comments href="http://livemanager.eurovision.edgesuite.net/isu/site/index.html" num_posts="10" width="300" colorscheme="light" order_by='reverse_time'></fb:comments>
  </div>

  <!-- TAB 3 -->
  <div id="companion_right" style="height:250px; width:300px;"></div>

</div>

<!-- activate above css tabs with JavaScript --> 
<script>
    $(function() {
    // :first selector is optional if you have only one tabs on the page
    $(".css-tabs:first").tabs(".css-panes:first > div");
    });
    </script>


facebook-comments
person user2935473    schedule 30.10.2013    source източник

Отговори (1)


arrow_upward
4
arrow_downward

Добавете това към вашия CSS.

.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style]  {width: 100% !important;}
person Picard102    schedule 31.10.2013
comment
жалко, сега работи в разделите, но... има страничен ефект от изключването на харесванията във facebook (чрез addthis), тъй като предполагам, че използва същите css извиквания. Някакви идеи (вижте livemanager.eurovision.edgesuite.net/fisa/site/index. html ) - person user2935473; 31.10.2013
comment
Насочване към родителския div тогава? .fb_comments .fb_iframe_widget, .fb_comments .fb_iframe_widget span, .fb_comments .fb_iframe_widget iframe[style] {width: 100% !important;} - person Picard102; 01.11.2013