아이프레임 가로 스크롤 해결하기

   

   

요즘도 아이프레임을 많이 사용하는지는 잘 모르겠는데,

작업중, 해결법이 나오질 않아, 이곳 저곳을 검색해본 결과,

질문은 많은데, 해결법을 제대로 제시해 주지 않아

이 문제를 쉽게 해결할 수가 없었다.

   

혹시나 하는 마음에 해결책을 올려봅니다

   

   

   

   

 아이프레임 (iframe) 가로 스크롤 해결하기 

   

지식인에 나와있는 보통의 해결법은

아이프레임 사용시 가로스크롤이 생기면,

style="overflow-x:hidden" 을 넣어서 다음과 같은 태그로 해결하라고 나와있다.

   

<iframe src="000.html" width="000" height="000" frameborder="0" style="overflow-x:hidden">

   

그러나 해결이 되지 않는다.

단, FireFox에서는 해결이 된다

   

미친 IE.

   

   

IE적용시 가로스크롤이 계속 보임

   

   

   

   

FX 적용시 가로스크롤 사라짐

   

   

   

   

   

   

   

 진짜 해결법!!!!

   

   

아이프레임 속성안에 scrolling="yes" style="overflow-x:hidden"  이라고 넣어준다.

속성에  scrolling="yes" 를 지정해 주지 않으면 style 이 안먹는 것으로 보인다.

   

그래서 완성된 태그는

   

<iframe src="000.html" width="000" height="000" frameborder="0" scrolling="yes" style="overflow-x:hidden">

   

   

   

IE에서 가로스크롤 없애기 성공

   

   

   

FX에서는 역시 안나온다.

   

   

   

   

여기 저기 문의해본 결과, 익스플로어 버전에 따라 조금씩 다른 것 같았음.

또 비스타를 쓰고 계신 분도 처음의 해결방법으로 바로 가로스크롤이 사라졌음.

   

   

   

   

결론은

   

미친 IE

   

   

   

<http://blog.naver.com/troopa?Redirect=Log&logNo=150038158598>에서 삽입