Question

我正在建立一个多语言网站，其中包含英语和阿拉伯语版本。

英文版显示的文章出现正确，但是当在阿拉伯文版本中查看文章时，它会在左侧添加大量额外空间。您可以通过查看浏览器底部的水平滚动条来注意到这一点。我无法弄清楚造成它的原因。我很感激这方面的帮助。以下是浏览器的链接

网站是在asp.net 4.0 webforms中设计的。

当我从页面中删除此脚本/ 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

首先明确这一点： -

您使用两种不同的文章ID作为相同的文章。对于您正在使用的英语：

http://tinyurl.com/cq7fv4n

对于您正在使用的阿拉伯语：

http://tinyurl.com/83s8n97

现在请检查一下;我发现问题出在这里：

.at_a11y（第1行）中有一个班级widget082.css; 如果我们从类[left: -10000px !important;]中删除[at_a11y]，则可以删除水平滚动。

我认为它会解决你的问题。

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;
}

使用addthis共享按钮时网页的设计问题

2 个答案: