突發問題在mozilla中顯示嵌入式推文

Question

我的一個網站在幾周前上線。該設計在當時正確顯示的div內嵌入了推文。

但是，今天檢查時，我注意到嵌入式推文已經移到了Mozilla的右側。現在讓我感到困惑的是，我甚至沒有觸及代碼，所以有twitter或Mozilla更新了它們的一個屬性？

heres a link給我的站點。

Answer 1

好的問題解決了最後管理覆蓋由Twitter創建的CSS。

我只是用下面的SCC選擇

"div_containing_twitter_script" iframe {properties} 

所以，如果我把代碼在「推特」爲ID的DIV的代碼將

#twitter iframe {property:value} 

不過非常感謝試圖幫助我...

Answer 2

如果Twitter提要沒有顯示，您可以使用下面的代碼。

<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script> <p></p> <script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script> 
<script> 
new TWTR.Widget({ 
    version: 2, 
    type: 'profile', 
    rpp: 5, 
    interval: 1000, 
    width: 180, 
    height: 200, 
    theme: { 
    shell: { 
     background: '#88d4ff', 
     color: '#ffffff' 
    }, 
    tweets: { 
     background: '#ffffff', 
     color: '#333333', 
     links: '#00aeef' 
    } 
    }, 
    features: { 
    scrollbar: false, 
    loop: true, 
    live: true, 
    behavior: 'default' 
    } 
}).render().setUser('@YourUser').start(); /* Need to change User ID*/ 
</script>