페이스 북의 링크는 페이지에서 공백 만들기

내 페이스 북의 스크립트를 사용하고 내 사이트에서 tat를 구현했습니다. 문제는 사이트 오른쪽에 페이지 높이 약 35px *의 공백이 생기는 것입니다. 나는 어느 곳에서나 발견 할 수 없으며, 스크립트를 원인으로 분리했다.페이스 북의 링크는 페이지에서 공백 만들기

공백 문자를 사용하지 않도록 어떻게 사용합니까? 이것의 가로 스크롤 bcuz를 얻으려면 정말로 짜증이났다! 나는 FB에 폭을 설정 한 경우 : 그 400 픽셀 (사업부 크기) 공백 사라짐에 걸쳐하지만 버튼을 잘못 배치처럼

스크립트 :

<script src="http://connect.facebook.net/en_US/all.js#appId=222642751115062&amp;xfbml=1"></script><fb:like href="<My Page Name>" send="true" width="350" show_faces="true" font=""></fb:like>

스크린 샷 : http://imageshack.us/photo/my-images/59/problemx.png/

현재 해결 body 태그에 배경 이미지를 넣어 공백을 배경색과 동일하게 만든 다음 스크롤 막대를 다음과 같이 제거합니다.

html 
{ 
overflow-x: hidden ! important; 
overflow-y: auto ! important; 
}

출처

2011-08-09 Jimmy

스크린 샷을 볼 수 없습니다. 페이지에 대한 라이브 링크가 있습니까? 기본적으로 페이스 북은 귀하의 페이지에 iframe을 삽입합니다. 이것은 페이지 주위에 엄청난 양의 흐름을 엉망으로 만들지 만, iFrame 자체가 소비하는 것 이외의 문제는 유발해서는 안됩니다. JSFiddle에서 이것을 재현 할 수 있습니까? – ghayes

http://imageshack.us/photo/my-images/59/problemx.png/ – Jimmy

버튼과 같은 것이 단순히 넓다고 생각합니다. 더 낮은 값으로 설정해보십시오 (width="150") :

<script src="http://connect.facebook.net/en_US/all.js#appId=222642751115062&amp;xfbml=1"></script><fb:like href="<My Page Name>" send="true" width="150" show_faces="true" font=""></fb:like>

출처

2011-08-09 08:09:52 Mannaz

시도해 보니 아무 일도 일어나지 않았습니다! 400px (div 크기)를 넘는 것처럼 fb에 너비를 설정하면 공백이 사라지지만 버튼이 잘못 놓입니다. – Jimmy

내 문제가 해결되었습니다! –

페이스 북의 링크는 페이지에서 공백 만들기

답변

관련 문제