익스플로러(IE)에서 overflow:hidden 안먹히는 이유 > 기술자료 | 해피정닷컴

익스플로러(IE)에서 overflow:hidden 안먹히는 이유 > 기술자료

본문 바로가기

사이트 내 전체검색

익스플로러(IE)에서 overflow:hidden 안먹히는 이유 > 기술자료

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

페이지 정보


본문

div 속성중 overflow:hidden 은 div 레이아웃을 깨지지 않게 하는 중요한 요소입니다.
 
아무리 사이즈 조절을 잘해도 옆어로 죽~ 늘어나는 게시물에는 대책이 없죠;;
그런데 overflow:hidden 이 IE에서 잘 안먹히는 겁니다!!!!!
 
 
익스플로러9 버젼부터는 고쳐졌기를 바라지만 IE8, IE7 은 이방법을 꼭 써야 overflow hidden 이 됩니다.
바로 익스플로러는 width style을 꼭 지정해 줘야해요.
 
ex) <div style='overflow:hidden; width:'100%'></div>
 
물론 width 속성은 px 로 지정해 줘도 되고요 뭐든 상관없는데 꼭 저 width 가 들어가 있어야 합니다!!!
다른 브라우져에서는 상관없는데 익스플로러에서는 hidden이 안되고 옆으로 늘어납니다.


주의 사항
 
여기에 포지션 relative 놓고, 그 안에것들을 레이어로 띄우면 참 곤란해지죠
어디까지나 그때 그때 상황에 맞춰가며 필요한 방법을 써야 할 것 같아요~
 
지금 현재 해법으로는 overflow:hidden; 을 걷어내고 
display:inline-block; 을 넣어서 해결을 하고 있습니다.


참고자료
http://littlecandle.co.kr/bbs/board.php?bo_table=codingnote&wr_id=82
http://doctype.kr/blog/226  

댓글목록

등록된 댓글이 없습니다.


Total 2,634건 69 페이지
  • RSS
기술자료 목록
1274
Linux   14242  2012-12-11 22:45 ~ 2012-12-11 00:00  
1273
Linux   21325  2012-12-11 22:16  
1272
Linux   17371  2012-12-11 22:10  
1271
MSSQL   27828  2012-12-07 11:17  
1270
그누보드   19833  2012-12-03 08:27  
1269
HTML   35736  2012-12-02 09:56  
1268
그누보드   16431  2012-11-30 00:46  
열람
HTML   22355  2012-11-29 18:44  
1266
ClassicASP   14918  2012-11-16 21:44 ~ 2012-11-17 00:00  
1265
ClassicASP   13222  2012-11-16 21:20  
1264
ClassicASP   20316  2012-11-14 20:00  
1263
ClassicASP   21688  2012-11-14 19:52 ~ 2016-01-26 00:00  
1262
그누보드   16312  2012-11-10 14:38 ~ 2017-01-21 00:00  
1261
그누보드   15033  2012-11-08 04:05  
1260
그누보드   11707  2012-11-07 22:01  
1259
그누보드   13755  2012-11-05 02:06  
1258
MySQL   13554  2012-11-05 01:21  
1257
MSSQL   15956  2012-11-05 01:20 ~ 2022-11-23 14:40  
1256
그누보드   11645  2012-11-04 18:20  
1255
MySQL   17461  2012-11-03 06:07  

검색

해피정닷컴 정보

회사소개 회사연혁 협력사 오시는길 서비스 이용약관 개인정보 처리방침

회사명: 해피정닷컴   대표: 정창용   전화: 070-7600-3500   팩스: 042-670-8272
주소: (34368) 대전시 대덕구 대화로 160 대전산업용재유통단지 1동 222호
개인정보보호책임자: 정창용   사업자번호: 119-05-36414
통신판매업신고: 제2024-대전대덕-0405호 [사업자등록확인]  
Copyright 2001~2024 해피정닷컴. All Rights Reserved.