TabPanel 에서 한글 문제
Posted On 2008/07/11 01:47, Filed Under WEB/ExtJS
ExtJS 로 탭 패널을 구성할 때
맘에 안드는 부분이 탭 부분에 한글이 있을 때 비활성 탭의 아랫부분이 살짝 뜨는 현상이다.
Tahoma 의 한글 부분을 IE 에서 11px 의 굴림을 12px 로 출력해버리는 거다.
아래의 한글부분이 IE에서는 같게 출력된다.
해결한다고 했던게..
CSS 를 고치긴 했는데..
탭 높이 부분을 늘려버렸던 기억이 난다.
나름 한 방법이 될 수도 있겠지만,
IE 가 아닌 다른 브라우저에서는 괜히 높이만 높이는 방법이 될 수도 있다.
호리우스님의 블로그에 보면 다른 방법을 알려주고 있다.
11px 로 지정된 부분을 굴림으로 명시한다.
CSS 코드를 재정의 한다.
맘에 안드는 부분이 탭 부분에 한글이 있을 때 비활성 탭의 아랫부분이 살짝 뜨는 현상이다.
Tahoma 의 한글 부분을 IE 에서 11px 의 굴림을 12px 로 출력해버리는 거다.
아래의 한글부분이 IE에서는 같게 출력된다.
- font:normal 11px tahoma; - abc 가나다 123
- font:normal 12px tahoma; - abc 가나다 123
해결한다고 했던게..
CSS 를 고치긴 했는데..
탭 높이 부분을 늘려버렸던 기억이 난다.
나름 한 방법이 될 수도 있겠지만,
IE 가 아닌 다른 브라우저에서는 괜히 높이만 높이는 방법이 될 수도 있다.
호리우스님의 블로그에 보면 다른 방법을 알려주고 있다.
11px 로 지정된 부분을 굴림으로 명시한다.
font: normal 11px gulim;
CSS 코드를 재정의 한다.
.ext-ie .x-tab-strip span.x-tab-strip-text {
font: 11px Gulim, Tahoma;
}