익스플로러(IE)에서 overflow:hidden 안먹히는 이유... > IT Note

본문 바로가기
사이트 내 전체검색

IT Note

익스플로러(IE)에서 overflow:hidden 안먹히는 이유...
0

View 14,502  | 작성일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을 붙였는데도 안돼서 낑낑댄것만 생각하면...

어쨌든 익스플로러는 표준 참 못지켜요;;; 


댓글목록

등록된 댓글이 없습니다.

IT Tip&Tech 목록

게시물 검색

접속자집계

오늘
881
어제
522
최대
6,399
전체
660,339
Copyright © LittleCandle All rights reserved.
문의메일 : littlecandle99@gmail.com
모바일 버전으로 보기