추가 공유 버튼을 사용할 때 웹 페이지 디자인 문제가 발생했습니다.

Question

나는 아랍어 버전 & 인 다국어 웹 사이트에서 작업 중입니다.

기사는 영어 버전으로 표시되지만 기사는 아랍어 버전으로 볼 때 왼쪽에 많은 추가 공간이 추가됩니다. 브라우저 하단의 가로 스크롤 막대를 보면 알 수 있습니다. 나는 그것을 일으키는 원인을 알아낼 수 없다. 이것에 관한 도움을 주시면 감사하겠습니다. 다음은

http://tinyurl.com/83s8n97

웹 사이트가 asp.net 4.0 웹 양식으로 설계되어 브라우저에 대한 링크입니다.

내가 페이지에서이 스크립트/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 

이를 확인하십시오; 나는 문제가 여기에 있음을 알 수 :

• 이 widget082.css (1 호선)에서 클래스 .at_a11y있다; [at_a11y] 클래스에서 [left: -10000px !important;]을 제거하면 가로 스크롤을 제거 할 수 있습니다.

나는 그것이 당신의 문제를 해결할 것이라고 생각합니다. 다음과 같이 스타일 시트에

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