2011-08-22 8 views
0

페이스 북의 댓글 상자를 내 사이트 (http://ponycountdown.com)에 임베드했습니다. 그러나 포함 된 div은 확장되지 않습니다. 아무도 이것을 일으키는 원인을 알고 있고, 주변에 방법이있는 경우에?Facebook 덧글 상자 박스가 확장되지 않습니다.

문제가 발생한 페이지를 보려면 해당 페이지 왼쪽의 댓글 탭을 클릭하십시오.

추가 질문 - 댓글의 순서를 뒤집어 최신 항목이 위에 오도록 할 수 있습니까? reverse = "true"를 추가하려고 시도했지만 효과가 없습니다.

+0

사이트의 문제점은 어디입니까? 나는 그것을 볼 수 없다 ... – Nayish

+0

코멘트 섹션에서 "더보기 3"을 클릭하십시오. – Jim

답변

1

div의 height을 CSS의 min-height으로 변경하십시오.

즉, height: 392px 대신 min-height: 392px을 사용하십시오.

이렇게하면 확장되고 고정 된 높이가되지 않습니다. 희망이 도움이됩니다.

+0

이미 최소 높이로 설정되어 있습니다. 원래는 높이 선언이 전혀 없었습니다. 이론적으로는 주석 상자의 높이를 유지해야하지만 그렇지 않습니다. 사람들을위한 문제에 대한 더 나은 아이디어를주기 위해 min-height 속성을 제거 할 것입니다. 편집 : 잠시만 기다려, 어디에서 392를 얻는거야? 그것은 내 코드에 아무데도 없습니다. – Jim

+1

CSS에서 '높이'를 '최소 높이'로 변경하면 완벽하게 작동합니다. – mtahmed

+0

이것은 나를 위해 일했습니다 ... div는'height'를'392px'로 설정하는 내부 스타일을 가지고 있습니다 – Nayish

0

나는하여 slide-out-div 클래스에 다음과 같은 추가 제안 :

overflow-y: auto; 
overflow-x: hidden; 

을 몇 가지 추가 스타일링이 스크롤을 할 때 페이스 북의 코멘트 오버 플로우 아래로 만듭니다.

관련 문제