답글 : IE6~7 : button, input. Extra padding bug.

태희가 만듬

태희 — Fri, 22 Oct 2010 02:54:54 +0000

아 해답이 여기있군요
overflow:hidden 만 죽어라 줘바도 안대고 해서 검색하다 ㅎㅎ

6버전은 이상이없는데 7에서만 좌우가 벌어지는 현상이 발생해서 찾아다니고있었는데

좋은 정보 감사합니다 ~

어리서그나가 만듬

어리서그나 — Sun, 17 Oct 2010 08:59:32 +0000

맞습니다. 저도 질문을 하고 나서 잠시 또 이것저것 해보다 높이값을 고정 시키니 찬명님의 말대로 되더군요…

그런데 또 생각을 해보니 이렇게 높이값을 고정시키면 폰트크기를 가변 크기로 했을때 브라우저 상단의 크게 보기 등으로 사용자가 조정해서 본다면 조금 깨져 보일 수도 있겠네요.. 그래서 네이버에서는 아직도 폰트를 고정 px로 쓰고 있는듯 합니다. ^^

암튼 늘 좋은 자료 많이 공유해 주셔서 감사드립니다.

정찬명가 만듬

정찬명 — Sat, 16 Oct 2010 09:33:50 +0000

@어리서그나
그런 문제 때문에 저는 상하패딩을 주지 않습니다. 대신 높이값을 부여하고 높이값과 동일한 높이의 line-height 값을 부여하면 텍스트가 수직 중앙 정렬이 되고 어느 브라우저에서나 동일하게 보입니다.

어리서그나가 만듬

어리서그나 — Sat, 16 Oct 2010 01:46:58 +0000

ie6~7 에서는 input 요소에 좌우 패딩값 이외에 상하 패딩값이 주어진 경우
overflow:visible 을 하면 좌우 패딩은 해결되는데 상하 패딩이 해결이 안됩니다.
심심해서 overflowe:hidden을 하니까 상하 패딩은 해결되고 다시 좌우 패딩이 커지는 문제가 있네요^^

정찬명가 만듬

정찬명 — Tue, 16 Jun 2009 12:34:39 +0000

@망구
질문을 조금 더 구체적으로 해주실 수 있을까요? 지금 설명만으로는 어떤 증상인지 제가 도저히 알 수가 없네요. ^^

망구가 만듬

망구 — Tue, 16 Jun 2009 01:22:24 +0000

a 태그 버튼 세개를 넣었을시에 버튼간의 간격이 6,7 에서와 8 과의 간격이 다른건 어케해결을할까요?

정찬명가 만듬

정찬명 — Wed, 03 Jun 2009 14:26:21 +0000

@아름
로딩 후 렌더링이 한번 더 바뀌게 될 때 JS의 영향을 의심해 봐야 한다는 좋은 교훈을 주셨네요. ㅎㅎ. 아래 적어주신 코드가 IE6를 IE7이나 IE8 처럼 바꿔주는 스크립트 인데 CSS 렌더링 버그를 잡아주기는 하지만 또 다른 문제가 여기저기서 발생하는 상황이라 실제로 사용하기 까지는 많은 검증이 필요한 코드 같습니다. 그래서 저도 아직 실무에서는 한번도 써본적은 없습니다. ^^

아름가 만듬

아름 — Tue, 02 Jun 2009 08:58:13 +0000

!–[if lt IE 7]
script src=”http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE7.js” type=”text/javascript”
!–[if lt IE 8]
script src=”http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE8.js” type=”text/javascript”

이게 문제였네요; 죄송죄송; 쓸데없는 댓글이 3개 생겨뜸;

아름가 만듬

아름 — Tue, 02 Jun 2009 08:57:06 +0000

헐……찾아보니 밑에

요게 들어가 있었네요………ㅠ.ㅠ; 잘 되요.. 흑흑

아름가 만듬

아름 — Tue, 02 Jun 2009 08:43:14 +0000

질문있습니당. 제가 지금 저희팀 용도로 쓸 폼디자인등등 구성중인 와중에 해결이 안 되서요.
overflow: visible; 만 주면 버튼이 100%너비로 페이지를 잡아먹네요..
그것도 페이지로딩후 3~5초내에 갑자기 커져요.
페이지는 순수 CSS+HTML 구성이라 스크립트, 돔문제는 아니구요.. 왜 이러는지 혹시 아시려나 여쭤봅니다 ㅠ.ㅠ
혹여 같이 쓰이는 속성중에 서로 안 맞는 애가 있나해서 찾아봤지만 아니네요..
구글링을 해봐도 이러한 현상에 대한 해답이나 질의도 없구요..