라이트모드
다크모드
익스플로러(IE)에서 overflow:hidden 안먹히는 이유...
0
View 15,186 | 작성일2011.12.21 19:24
관련링크
본문
div 속성중 overflow:hidden 은 div 레이아웃을 깨지지 않게 하는 중요한 요소입니다.
아무리 사이즈 조절을 잘해도 옆어로 죽~ 늘어나는 게시물에는 대책이 없죠;;
그런데 overflow:hidden 이 IE에서 잘 안먹히는 겁니다!!!!!
망할 인터넷 익스플로러...
익스플로러를 못쓰게 하던지 해야지 원 ㅋㅋ
어쨌든 2시간동안 찾아 해메다 이유를 알게 됐습니다.
익스플로러9 버젼부터는 고쳐졌기를 바라지만 IE8, IE7 은 이방법을 꼭 써야 overflow hidden 이 됩니다.
바로 익스플로러는 width style을 꼭 지정해 줘야해요.
ex) <div style='overflow:hidden; width:'100%'></div>
물론 width 속성은 px 로 지정해 줘도 되고요 뭐든 상관없는데 꼭 저 width 가 들어가 있어야 합니다!!!
다른 브라우져에서는 상관없는데 익스플로러에서는 hidden이 안되고 옆으로 늘어납니다.
공교롭게도 제 sytle 에는 max-width 만 걸려있었거든요... 근데 max-width 는 무시하고
너무 늘어나는 바람에 hidden을 붙였는데도 안돼서 낑낑댄것만 생각하면...
어쨌든 익스플로러는 표준 참 못지켜요;;;