使用addthis共享按鈕時的網頁設計問題

我正在使用英語&阿拉伯語版本的多語種網站上工作。使用addthis共享按鈕時的網頁設計問題

文章顯示在英文版本上來，但當文章在阿拉伯語版本中查看時，它會在左側添加大量額外的空間。您可以通過查看瀏覽器底部的水平滾動條來注意到這一點。我無法弄清楚是什麼原因造成的。我很感謝這方面的幫助。下面的鏈接瀏覽器

網站設計在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>

來源

2012-05-14 Learning

你的URL指向本地主機。我們看不到它。 –

@Andrew：我的道歉我修復了網址 – Learning

首先明確這一點： -

使用兩個文章相同的不同文章ID。對於英語使用的是：

http://tinyurl.com/cq7fv4n

和阿拉伯語您正在使用：

http://tinyurl.com/83s8n97

現在，請檢查這一點;我發現，問題就在這裏：

有一個在widget082.css（1號線）一類.at_a11y; 如果我們從[at_a11y]類中刪除[left: -10000px !important;]，則可以刪除水平滾動條。

我認爲這會解決您的問題。在樣式表

來源

2012-05-14 05:16:43 Sunny

我使用了相同的物理頁面「ArticleDetails.aspx」，但不同的CSS顯示英文和阿拉伯文內容。問題只出現在阿拉伯語版本中。英文版本正確。爲了解決這個問題，我甚至刪除了阿拉伯語的CSS，但額外的空間仍然是他們由於addthis按鈕。到目前爲止，我無法弄清addthis的哪個部分觸發阿拉伯文版本 – Learning

是的你是對的 – Learning

非常棒你已經進入了細節。謝謝你已經解決了我的問題 – Learning

覆蓋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-07 14:34:12 Samidjo

使用addthis共享按鈕時的網頁設計問題

回答

相關問題