0

英語版とアラビア語版の多言語ウェブサイトに取り組んでいます。

英語版の記事は右に表示されますが、記事をアラビア語版で表示すると、左側に余分なスペースが追加されます。これは、ブラウザの下部にある水平スクロール バーを見るとわかります。何が原因なのかわかりません。これについて助けていただければ幸いです。以下はブラウザのリンクです

http://tinyurl.com/83s8n97

Web サイトは、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>
4

2 に答える 2

1

最初にこれをクリアしてください:-

同じ記事に対して 2 つの異なる記事 ID を使用しています。使用している英語の場合:

http://tinyurl.com/cq7fv4n

アラビア語の場合、次を使用しています：

http://tinyurl.com/83s8n97

これを確認してください。問題はここにあることがわかりました：

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

私はそれがあなたの問題を解決すると思います。

于 2012-05-14T05:16:43.037 に答える
0

スタイル シートの 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;
}
于 2012-08-07T14:34:12.017 に答える