모달창 (modal dialog window) 에서 멋대로 가로스크롤이 생기는 문제 해결 꽁수

By itpsolver | 4월 9, 2009

IE7에서 작업을 하던 도중에,
모달을 띄울 때 모달 안의 내용이 넘쳐서 세로스크롤이 생기는 경우,
원치 않는 가로스크롤이 동시에 생기는 문제를 발견했다.
(이 가로스크롤은 일종의 버그로, 세로스크롤의 폭 비슷하게 좁은 폭으로 생긴다.)

이에 직장 상사께서 고안해 내신 꽁수...

1. 모달을 띄울 때 스크롤바를 아예 없앤다.
    모달 property 설정시 scroll : no

2. 모달의 <body> 안쪽을 모두 감싸는 <div> 를 만든다.

3. 위에서 만든 div 의 속성을 다음과 같이 설정한다.
    #modal_body {width:100%;height:100%;overflow-x:hidden;
                            overflow-y:auto;position:relative;}

멋지당 >,< !