파이어폭스나 크롬에서는 문제없는데 IE에서만 발생하는 오류다.
위 화면에서 우측의 수정 아이콘 클릭했을 경우
위와 같이 그리드가 이동하면서 하단에 수평 스크롤바가 생긴다.
IE 디버그 툴로 해당 부분의 CSS를 살펴보았다.
해당 그리드패널을 감싸는 div 영역의 넓이가 10000px로 지정되어 있다.
아래와 같이 CSS를 수정해준다.
.x-grid3-header-offset{ width:auto; position: relative; }
ExtJS를 이용해 IE에서 개발한 내용을 확인할 경우 이런 경우가 종종 생기는데, 이럴때마다 웹개발 때려치고 Delphi로 돌아가고 싶은 마음이 든다.
'자바스크립트 > ExtJS' 카테고리의 다른 글
| ExtJS - Collpased된 패널의 타이틀 보여주기 (0) | 2009.05.20 |
|---|---|
| ExtJS - IE에서의 radiogroup 표시 오류 (0) | 2009.05.19 |
| ExtJS - ComboBox에서 Key값 submit이 안될경우 (0) | 2009.05.19 |
| IE Javascript debugger (0) | 2009.05.18 |
| ExtJS 3.0 확장타입(xtype) 목록 (0) | 2009.04.27 |