Question

I am working on a multilingual website which has english & arabic version.

Article shown in english version come up right but when article is viewed in arabic version it add lots of extra space on the left side. You can notice this by looking at the horizontal scroll bar at bottom of the browser. I am not able to figure out what is causing it. I would appreciate help regarding this. Below is the link for the browser

http://tinyurl.com/83s8n97

Website is designed in asp.net 4.0 webforms.

When i remove this script/HTML Code from page then page comes-up right in the center without any extra space on either side

<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

First clear this:-

You are using two different Article IDs for same the article.
For English you are using:

http://tinyurl.com/cq7fv4n

and for Arabic you are using:

http://tinyurl.com/83s8n97

Now please check this; I find out that the problem is here:

• There is a class .at_a11y in widget082.css (line 1);
  if we remove [left: -10000px !important;] from class [at_a11y] then the horizontal scroll can be removed.

I think it will solve your problem.