이번에 통합포털모듈을 개발하면서, XHTML 과 CSS를 이용해 코딩을 진행하고 있습니다.
나름 웹표준준수와 브라우져간 호환성을 유지하기 위해 개발하는 컴퓨터에 IE7, FF2, Safari3, Opera9를 설치하고 코딩작업을 했었지요.
FF를 메인으로 작업과 가끔 딴짓도 하면서, FF에서 잘보이면 사파리나, 오페라를 켜고, 음 여기서도 역시나!? 잘보이네 하는 정도... 그리고 IE7를 켜서, 젠장- 이것 이상하게 보이는군 하고 일부(?) 수정하는 방법으로 진행했습니다.

네가지 브라우져에서 모두 같은모습으로 나올수있게 브라우져마다 서로 다르게 해석하는 -_- padding, margin 값이라던지, 지원되지 않는 스타일속성들을 최대한 자제하며, 꼭 써야할땐 눈물을 머금고 브라우져를 체크해서 각각의 브라우져에서 지원하는 속성들을 따로 지정해주는 수고까지;;; 투명도 같은경우는 CSS3이 나오기전까진 어쩔수 없이 브라우져마다 다 지정해줘야 한다죠;;;
그리고 CSS3을 일부 지원하고 있는 FF같은경우에는 CSS3을 이용해서 좀더 이쁘게 꾸미기 까지 하구요 :)

그리고 디자인뿐만 아니라 자바스크립트같은경우 DOM객체에 대해 IE와 FF차이가 너무나 확연하기에 -_-;, DOM객체 위주로 잡아둔 각종 스크립트에서, 하위객체에 접근하기 위해 if 문을 남발하면서 까지 개발을 했습니다.
코딩과 개발이 어느정도 완성되어가고 있을무렵, 그동안 IE는 7.0버전만 확인했기에, 아직까지 대다수 사람이 쓰고 있는 IE6에서 혹여나 있을지 모르는 문제를 수정하기 위해 IE6을 설치하고, 페이지를 열었습니다.

페이지를 띄우자마자 왕창 깨지는 디자인들... OTL
IE7에서 수정되었지만 IE6이 여전히 가지고 있는 버그들 때문에 오페라, 사파리에서 조차 잘 보이는 웹페이지가 다 깨지는 겁니다.

특히나 심각한 float 버그라던지, 엄한 margin (더블마진문제같은 -_-)과 padding 들, 지정한 width값을 무시하고 자기 맘대로 잡아버리는 width 값 -_-;;;
DOCTYPE이 정의되어 있으면 가끔 IE6이 뻗어버리는 문제까지... 이부분은 눈물을 머금고 해당부분을 지울수밖에 없더군요.
어쨋든 이런저런 문제들 때문에, 모듈에 포함되어 있는 모든 stylesheet를 IE6에 맞춰서 거의 새로 만들다싶이 했습니다.

그렇게 몇시간동안 수십개의 stylesheet를 고치다보니, IEKIN이라는 소리가 안나올수가 없더군요;;
IE버그때문에 속성정의를 새로하거나 핵을 쓰거나 -_- 수정한 부분마다 주석으로 /* IE6 KIN 18!! */ 박아두고 있습니다... 나름의 복수지요.

그렇게 해서 동일하게 보여주면 그나마 다행인데, IE6에서 처리안되는 문제때문에 4대 브라우져에서 이쁘게 보였던것들을 다시 문안하게(?), 덜 이쁘게 만들고 있자니... 그동안 고생한게 왠지 헛수고 같다는 생각과, 이 세상에서 얼릉 IE6이 사라지길 속으로 몇번이나 빌었는지 모릅니다. ㅠ_ㅠ MS에서 강제로 IE7.0 업데이트를 때려줬으면 하는 생각까지 들더군요.

IE7도 각종버그와 속성을 이상하게 해석하는 문제가 꽤 많지만, IE6에 비하면 양반입니다. 양반... 에효;;;
IE7도 이제 왠만한 브라우져에서 일부라도 지원하고 있는 CSS3도 지원해줬으면;;; 하는 말도안되는 기대를 하면서... 투털거림을 마쳐야겠어요 ;ㅁ;

크리에이티브 커먼즈 라이선스

이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-변경금지 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다.

0 Votes
0 Bookmarks