0

我正在开发一个具有英语和阿拉伯语版本的多语言网站。

英文版显示的文章出现在右侧，但是当以阿拉伯文版查看文章时，它会在左侧增加很多额外的空间。您可以通过查看浏览器底部的水平滚动条来注意到这一点。我无法弄清楚是什么原因造成的。我将不胜感激有关此的帮助。下面是浏览器的链接

http://tinyurl.com/83s8n97

网站采用 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>
4

2 回答 2

1

首先明确这一点： -

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

http://tinyurl.com/cq7fv4n

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

http://tinyurl.com/83s8n97

现在请检查这个；我发现问题出在这里：

  • .at_a11y（第 1 行）中有一个类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 回答