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의 표현 방식을 신중히 고려해서 작업해야하지 않을까 생각된다.