Feed on
Posts
Comments

점심을 먹고와서 우연히 CDK의 질문글을 보다가 나도 궁금해져서 실험을 해봤다.

실험인즉, 브라우저별로 border의 변화가 다를까? 라는 의문을 두고 실험을 했는데 예상처럼 모든브라우져가 조금씩 차이가 있었다.

총 8px의 굵기인 border 를 border-right 부분만 1px씩 줄여나가면서 변화를 지켜봤는데 변화과정이나 결과가 참 묘하군..

FireFox 2.0

8 By 8 FF border 8 by 8
8 By 7 FF border 8 by 7
8 By 6 FF border 8 by 6
8 By 5 FF border 8 by 5
8 By 4 FF border 8 by 4
8 By 3 FF border 8 by 3
8 By 2 FF border 8 by 2
8 By 1 FF border 8 by 1

IE6.0

8 By 8 IE border 8 by 8
8 By 7 IE border 8 by 7
8 By 6 IE border 8 by 6
8 By 5 IE border 8 by 5
8 By 4 IE border 8 by 4
8 By 3 IE border 8 by 3
8 By 2 IE border 8 by 2
8 By 1 IE border 8 by 1

Opera 9

8 By 8 Op border 8 by 8
8 By 7 Op border 8 by 7
8 By 6 Op border 8 by 6
8 By 5 Op border 8 by 5
8 By 4 Op border 8 by 4
8 By 3 Op border 8 by 3
8 By 2 Op border 8 by 2
8 By 1 Op border 8 by 1

DTD에 따라 달라질꺼라 생각되진 않고.. Opera브라우저가 Acid2 Test를 통과했으니 Opera의 랜더링 방식이 옳은걸지도 모르지만 모든 브라우저에서 동일하게 보이는 방법으로 우회해서 해야되지 않을까 싶네..

크로스 브라우징을 추구하면서 퍼팩트픽셀을 요구하는 사람들에게는 border의 표현 방식을 신중히 고려해서 작업해야하지 않을까 생각된다.

지난주 금요일(3월16일)에 “글로벌 웹 기술 워크샵” 이라는 주제로 워크샵이 있었다.

처음 이 워크샵을 신청할때는 내 관심과는 좀 다른 내용으로 진행되는줄 알았지만 행사장엘 가서야 가장 궁금했으며 관심을 가졌던 부분들에 대해 발표했었다.

현재 가장 많이 알려진 브라우저 제조사(?)에서 나와서 발표를 했으며 각 대표로 나오신 윤석찬님(Firefox), 김국현님(Internet Explorer), 왕수용님(Safari), 조만용(Opera)님 외 준비하신 모든분들이 수고해주셨다.

다음날 지방으로 결혼식을 다녀오고 업무가 바쁘다는 핑계로 후기가 좀 늦은감이 있는듯하다… 빨리 놋북이나 맥북을 빨리 휴대해야 할 터인데 ㅠ_ㅠ