버튼 위치 문제와 같은 Facebook

문제가 있습니다. 웹 사이트를 다시 디자인하고 HTML5 + CSS3을 사용하고 있습니다. 나는 바를 좋아하고 따라와 술집을 만들고있다. 나는 일반적으로 ul이 20px의 높이를 가지며 각 자식 li 요소의 높이가 20px이고 float : left 인 정렬되지 않은 목록을 처리합니다. 그런 다음 div.fb와 같은 단추와 follow 단추를 별도의 li에 삽입합니다.버튼 위치 문제와 같은 Facebook

필자가 겪고있는 문제는 IE9, Firefox 및 Opera에서 버튼이 6px 아래로 이동하지만 Chrome 및 Safari (모든 브라우저가 최신 버전 임)에서 제대로 작동한다는 것입니다. 잘 작동하는 jquery CSS 수정을 시도했지만 Chrome에서 Macbook에 사이트를 열었고 6px 이동과 동일한 문제가있었습니다.

이전에 나는 거의 동일한 바 레이아웃을 사용하는 다른 페이지를 만들었지 만, XHTML 1.1 Transitional을 사용했습니다. 어떤 이유로 그것은 그 문제가 없습니다.

HTML5 버전의 좋아요 버튼을 사용하고 있습니다.

당신은 여기에서 데모를 볼 수 있습니다 당신은 어딘가에 수직 정렬 텍스트 하단이 http://yucatan.travel.zebradm.mx/prueba.php

출처

2012-08-10 Mihail Minkov

을 :

.fb_iframe_widget span { 
position: relative; 
display: inline-block; 
vertical-align: text-bottom; 
text-align: justify; 
}

그것을 제거하고

출처

2012-08-10 18:46:39 K20GH

감사 정렬됩니다, 즉 작동 듯, I 정직하게 생각할 수 없었다. 내가 한 일은 정의를 복사하고 텍스트를 맨 아래로 변경하는 것입니다! 중요합니다. 그것은 트릭을했다. 다시 한 번 감사드립니다! –

버튼 위치 문제와 같은 Facebook

답변

관련 문제