[IE7] display:table 적용 방법

display-table.htc_2011-11-25.zip

display:table, display:table-cell (IE7) htc파일을 불러와서 구현이 가능합니다.

1
2
3
body{behavior: url(/_/js/display-table.min.htc);} 
#nav {-dt-display:table} 
#nav li {-dt-display:table-cell}

이 경우 body에서 htc 파일을 불러온 뒤, display:table을 적용한 모든 코드에 -dt-display를 추가해야하는 번거로움이 있습니다.
또한, htc파일의 로딩 시간 이슈로 구현은 가능하나 추천하지는 않습니다. 적용예시는 아래 URL을 참고하시면 됩니다.

http://tanalin.com/en/projects/display-table-htc/

display-table.htc — emulation (polyfill) of {display: table/table-row/table-cell}...

tanalin.com

(IE7) htc파일을 사용하지 않고 *핵으로 대처하는 방법

디자인과 완전히 일치한다고 할 수 는 없지만, UI가 깨지지 않는 범위 내에서 구현이 가능합니다.

2	.tab_menu {display:table; display:block; overflow:hidden;} .tab_menu li {display:table-cell; float:left;} [출처]* [IE7] display:table 적용 방법\|작성자 mrb18bae

[인터넷익스플로러] 팝업창에 데이터 넘길때 부모창에 [object] 뜰때 (0)	2018.02.23
[CSS] Background-size IE 핵 (0)	2016.09.23
[iphone] div에서 overflow-scrolling 시 딱딱 끊기는 현상 해결방안 (0)	2016.09.23
[CSS] IE8 이미지 사이 여백 없애기 (0)	2016.09.23
[CSS] a(anchor)태그에 position:absolute 지정되었을경우 IE에서 클릭되지 않는 문제해결방법 (0)	2016.09.23

[인터넷익스플로러] 팝업창에 데이터 넘길때 부모창에 [object] 뜰때 (0)

2018.02.23

[CSS] Background-size IE 핵 (0)

2016.09.23

[iphone] div에서 overflow-scrolling 시 딱딱 끊기는 현상 해결방안 (0)

2016.09.23

[CSS] IE8 이미지 사이 여백 없애기 (0)

2016.09.23

[CSS] a(anchor)태그에 position:absolute 지정되었을경우 IE에서 클릭되지 않는 문제해결방법 (0)

2016.09.23