追加共有ボタンを使用するとウェブページのデザインに問題が発生する

Question

アラビア語版&の多言語ウェブサイトで作業しています。

記事は英語版で表示されますが、記事をアラビア語版で表示すると、左側に余分なスペースがたくさんあります。これは、ブラウザの下部にある水平スクロールバーを見ることでわかります。私はそれが何を引き起こしているのか理解できません。私はこれについて助けていただければ幸いです。以下は

http://tinyurl.com/83s8n97

ウェブサイトはasp.net 4.0 Webフォームに設計されたブラウザ用リンクです。私はページからこのスクリプト/ HTMLコードを削除すると

、ページが来るアップ右中央に余分なスペースなしのどちらかの側に

<div style="width:100%;">          
<div class="addthissharewrapper">            
    <div class="addthis_toolbox addthis_default_style" style="width:102px;"> 
       <a class="addthis_button_facebook"></a> 
       <a class="addthis_button_twitter" ></a> 
       <a class="addthis_button_compact"></a> 
       <a class="addthis_counter addthis_bubble_style"></a> 
            </div> 
           </div> 
          </div> 

    <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-ddddddd"></script> 

Answer 1

まず明確この： -

次の2つを使用しています同じ記事の異なる記事ID。 英語のためには、使用している：

http://tinyurl.com/cq7fv4n 

とアラビア語のために使用している：

http://tinyurl.com/83s8n97 

は今、これをチェックしてくださいします。私はこの問題はここにあることを見つける：

• widget082.cssでクラス.at_a11y（ライン1）があります。 クラス[at_a11y]から[left: -10000px !important;]を削除すると、水平スクロールを削除できます。

私はあなたの問題を解決すると思います。次のように自分のスタイルシートで

Answer 2

上書きat_a11yクラス：ローカルホストへ

.at_a11y { 
    height: 1px !important; 
    /*left: -10000px !important;*/ 
    left:0px !important; /* Change left attribute to resolve scrolling bug */ 
    overflow: hidden !important; 
    position: absolute !important; 
    top: auto !important; 
    width: 1px !important; 
}