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

By | 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;}

멋지당 >,< !

 

Subscribe
Notify of
guest
2 Comments
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
알토히메
알토히메
12 years ago

소스보러 왔다가…님 긔여움

호러블캣
12 years ago
Reply to  알토히메

ㅎㅎ 신입때라서 모든게 신기했었죠~