2011-09-18 4 views
0

내 블로그의 게시물마다 Facebook Like 버튼을 추가했습니다.Facebook Like Button 웹 사이트 내용으로 덮인 iFrame

문제 : 제목이 한 줄 이상인 게시물은 좋아요 버튼을 포함합니다. (my blog here를 참조 아래 문제와 게시물 스크롤 절반 방법하시기 바랍니다..)

가 여기에 내가 무엇을 알고 :

(1) "headline_area는"사업부는 제목과 저자 이름이 포함됩니다. 각 게시물의 콘텐츠 본문은 항상 해당 div 바로 아래에 있습니다.

(2) 게시물의 제목이 라인 인 경우 Facebook Like 버튼이 제목의 맨 아래에 다시 위치합니다. "headline_area"div가 일관 적이기 때문에 게시물의 본문은 제목, 작성자 및 Facebook과 같은 버튼 아래에 있습니다.

(3) 제목이 두 개의 행인 경우 "headline_area"div는 동일하게 유지되지만 두 번째 행에서 Like 버튼이 아래로 눌려집니다. 게시물 콘텐츠는 headline_area div에 계속 머물러있어 좋아요 버튼과 겹칩니다.

분명히 희망합니다. 어떤 도움을 많이 주시면 감사하겠습니다!

답변

1

문제는 CSS .headline_area 스타일입니다. 고정 된 높이를 height: 80px (custom.css:7)으로 정의했습니다. 그것을 제거하고 iframe 높이와 같은 페이스 북을 바꾸어보십시오.

+0

이것은 효과가 있습니다. .headline_area div의 높이를 제거한 다음 iFrame 높이를 60px에서 25px로 줄였습니다. 왜 작동 했습니까? 높이가 60이지만 25가 아니라면 콘텐츠가 iFrame을 덮는 이유는 무엇입니까? PS - 도움 주셔서 대단히 감사합니다! –

+0

.headline_area div 콘텐츠가 80px보다 크고 고정 크기 div에서 오버플로되어 이전 버전이 작동하지 않았습니다. 버튼 iframe과 같은 크기를 변경하는 것은 콘텐츠보다 높고 광고 제목과 입력 내용 사이에 빈 공간이 남았 기 때문에 말했습니다. Google 크롬 개발자 도구 또는 Firebug (firefox 용)를 사용하여 현재 상황을 확인할 수 있습니다. 안녕하세요.) – NiematojakTomasz