2011-08-24 5 views
0

나는 wierd 문제에 부딪 쳤습니다. jQuery를 사용하여 사용자 정의 버튼 스타일을 사용하고 있습니다.이 방법은 생각대로 작동하지만, textareas 또는 inputfields 아래에 단추를 추가하면 여백/텍스트 높이가 내가 여기에 간단한 예제를 업로드 한텍스트 영역 아래에 배치하면 채우기가 변경됩니까?

버튼 버튼 .. : 당신이 볼 수 있듯이 http://pastehtml.com/view/b4x81v12y.html

의 TOPbutton 텍스트는 아무도 이유를 알고 있습니다 .. 하단에있는 버튼보다 최대 더욱 x 1 픽셀을 이동? 이 다를 않습니다 - - 1 픽셀의 차이가있다

+0

Chrome 및 Firefox의 버전에서 나는 설치되어있어 우발적 인 것으로 보입니다. HTML을 보면서, 나는 그들이 슬프게도, 당신의 게임에서 차이점을 발견 할 수 없다고 말하고 싶습니다. –

+1

왜 doctype을 제거 했습니까? – thirtydot

답변

2

(나는 파이어 폭스 버전 6에서 테스트 해요) 당신이 바로 것을 얻었다. 나는이 이유가 무엇인지 알 수 없었다.

그러나, 예에서 1 픽셀의 문제는 당신이 연결 한 파일 30 픽셀의 고정 값으로 라인 높이 속성을 해결 설정.

내가 정적 값으로 라인 높이를 설정하는 경우에 옵션 netherless 간주되지 않을 수 있다는 걸 ... 일반적으로

, 나는 사실로 받아 그 크로스 브라우저 방식으로 버튼의 적절한 스타일 () a의 고통이다 **. 대부분의 시간 동안 나는 these buttons (전체 관련 기사는 여기에서 찾을 수 있습니다 : http://stopdesign.com/archive/2009/02/04/recreating-the-button.html)으로 가셔서 처음부터 스타일링 문제를 해결하십시오.

+0

아 그래, lineheigt는 버그를 수정 ..하지만 동의 - 버튼의 적절한 스타일링은 짜증 난 앞으로 더 나은 방법을 찾고 있습니다 :) 어쨌든 고마워요 – donpedroper