IE7은 IE6과는 달리 css 표준안을 준수하고 있다고는 하지만, 어쨌거나 FF, IE7, IE6은 모두 다른 view를 보여줍니다. (결국 MS의 구라?)
어떻게든 Cross Browsing 완벽 구현을 추구하는 디자이너에게 고민거리만 하나 더 늘게 됐다고나 할까요. 권장하진 않지만... 급할때 꼭 필요한 것이 hack 입니다.
IE7용 hack - *:first-child+html
사용예)
#SearchType { height:18px;}
*:first-child+html #SearchType { height:20px;}
IE6용 hack - *html
사용예)
.notice ul { padding-left:5px;}
*html .notice ul { padding-left:12px;}
사용예)
#SearchType { height:18px;}
*:first-child+html #SearchType { height:20px;}
IE6용 hack - *html
사용예)
.notice ul { padding-left:5px;}
*html .notice ul { padding-left:12px;}
이로서 css 파일에 IE의 흔적들이 더 깊이 패여지는군요.. 쌍으로다가...
읽어보면 좋은글!
- FireJune´s Blog :: 인터넷 익스플로러 7 RC1의 웹표준
- 인터넷 익스플로러7(이하IE7)의 가장 최근 테스트 버전인 RC1설치해 보았습니다. 베타 버전은 설치를 완료해도 실행 하자마자 죽는 바람에 테스트하지 못했습니다만, RC1은 무사히 실행되는군요. ...
- Cross Browsing 가이드
- 1993년 4월 22일 미국 일리노이 대학에서 일단의 학생들이 개발한 모자이크(Mosaic)라는 작은 공개 소 프트웨어 웹브라우저는 오늘날 웹이 전 세계에 영향을 끼치게 하는 혁명적인 첫 출발이었다. ...
Comments
크로스브라우징에 완벽 대응하려면 width, height, float이 세가지의 아주 원초적인 코드로다가 도배를 해야되는걸까요-ㅁ-;
죄송하지만... hack가 정확히 어떤건가요?
편법 뭐 이런건가요? ㅡㅡ.
네... 그렇게 생각하시면 될것 같습니다. ^^
예전에 CSS Hack이 참 많았었지요. -.-;
요즘은 그냥 IE는 무시하곤합니다.
코더의 입장에서 그러면 안되는거 알면서도 핵을 쓰자니 여간 귀찮은게 아니라서 다중을 위한 코딩이 아니라면 개인적으로는 그냥
layout display optimized, Firfox only 라고 적고 IE유저의 접속을 유도.. 아니면 IE에선 깨질수 있습니다. 라는 문구로 대처.
이 귀차니즘에서 벗어날수 있다면 아주 유명하고 능력있는 코더가 될수도..-_-;
무시할수만 있다면 좋으련만... ㅜ ㅜ;;
음 IE7 때문에 검사해야 할 부분이 늘어난건 확실합니다만 특별히 걱정할만큼의 문제는 없었던거 같습니다. 오히려 머리가 아파왔었다면 Opera와 FF 에서 랜더링 차이가 날때는 정말 힘이 쏙 빠지더군요... 왠만하면 ie7부터는 핵이라는걸 모르고 코딩을 하는게 더 낫지 않나 생각됩니다. ^^;;
제가 코딩을 어설프게 해서 그런건지 모르겠지만 floating 했을때 상단 padding 값이라던가... input에서 height값을 다르게 인식하는 문제등등... 해서 소소하게 신경써야할 부분들이 있는것 같습니다. 물론 IE6에 비하면 양반 수준이지만... (저같이 속도전이 생명인 디자이너에겐 너무 골치가 아파요.. - -;
엄청 오래된 뒷북이긴 한데, WIE7에서의 스타핵 (star hack)은
IE6에서 * html .xxx { xxx } 방식이었다면 WIE7에서는 *+html .xxx { xxx } 이렇게 쓰시면 됩니다. (*와 html 가운데 + 하나 붙여주면 끝)