파이어폭스도 OS마다 조금 다르군요.

By | 2009/11/20

화면

c005

  위에 두 스크린샷이 있습니다. 하나는 Fedora 11 Gnome Firefox 3.5.5에서 제 블로그를 들어온 상태이고 밑의 것은 Windows XP SP3 Firefox 3.5.5에서 제 블로그를 들어온 상태입니다.

  전체적으로 비슷한 모양을 보이고 있지만 조금 다른 것이 있습니다. 왼쪽에 적혀진 글의 폰트가 다르고 오른쪽 위의 구글 검색폼의 길이가 다릅니다. 폰트는 설치가 되어있느냐 아니냐에 따라 차이가 있어 그것은 상관없지만 문제는 오른쪽 위에 구글 검색폼이 다른 점입니다. 이것은 제가 div 태그로 그 크기를 조절하였기에 Windows에서는 거기에 맞게 제 의도대로 나옵니다.

c007

  Internet Explorer 8에서도 역시 잘 나오기에 전 문제 없이 잘 나온다고 생각하고 넘어갔습니다. 하지만 Fedora 11의 Firefox에서는 그것이 다르게 나온다는 것을 알았습니다.

  1. <form action=”http://www.google.co.kr/cse” id=”cse-search-box” target=”_blank”>
  2.     <div style=”padding : 10px 0px 0px 500px”>
  3.         <input type=”hidden” name=”cx” value=”partner-pub-7048624575756403:b2ylap-n62p” />
  4.         <input type=”hidden” name=”ie” value=”UTF-8″ />
  5.         <input type=”text” name=”q” size=”31″ />
  6.         <input type=”submit” name=”sa” value=”&#xac80;&#xc0c9;” />
  7.     </div>
  8. </form>
  9. <script type=”text/javascript” src=”http://www.google.com/coop/cse/brand?form=cse-search-box&amp;lang=ko”></script>

  위의 코드가 해당 구글 검색폼을 띄우는 코드입니다. form 태그 안에 div 태그를 넣어 그 크기를 조절하였습니다. 그 때는 무슨 생각으로 저렇게 만들었는지 모르겠지만 일단 저렇게 처리를 하였네요.

  그런데 저 코드를 다르게 인식한다는 것을 그것도 같은 프로그램이지만 OS에 따라 다르게 인식한다는 것을 알았습니다. 조금 신기하면서도 황당한 사건이네요.

  리눅스에서 발견된 것이기에 리눅스 카테고리에 넣습니다.

4 thoughts on “파이어폭스도 OS마다 조금 다르군요.

  1. joogunking

    거참 신기한 현상이네요. 윈도우즈 자체의 문제인지, 파이어폭스의 문제인지 모르겠네요.
    예전 리눅스 파이어폭스에서 윈도우즈확장이 그대로 적용되는 것을 보고 신기했는데 막상 핵심적인 웹렌더링에서는 약간의 차이가 있나봅니다.^^.

    Reply
    1. NoSyu

      반갑습니다.
      외형적인 것 외에 안에 렌더링은 같을 것이라 생각하였으나
      윈도우와 리눅스에서 다른 모습을 보여 놀라 글을 적었습니다.
      모질라 재단에 한 번 글을 적어야 하는가 생각중입니다.^^;;

      Reply
  2. Mi.

    일단 폰트가 다른건 OS에 따라 랜더링 알고리즘이 다른기 때문이죠.
    단순히 폰트가 있고 없고의 차이가 아니라 OS가 어떤 방식으로 뿌려주느냐의 차이점이죠. 웹렌더링보단 OS자체의 렌더링 알고리즘 때문에 그렇습니다.

    div관련한건 OS의 문제라기 보단 파폭의 문제입니다.
    그리고… 같은 회사에서 만든 같은 이름을 가진 제품이라고 해서 똑같은 제품은 아니죠. 개발자가 엄연하게 다른데요..! 또한 웹브라우져에서 이 세상의 모든 웹페이지를 완벽하게 호환시킨다는건 불가능합니다. 따라서 모질라 재단에 연락해도 별 뾰족한 수가 없을 듯 싶군요 ^^;

    Reply
    1. NoSyu

      반갑습니다.
      그러고보니 같은 폰트라도 어떻게 렌더링하느냐는 OS마다 다르고 Windows의 경우 Clear type이라는 것이 있으니 확실히 다르겠네요.^^

      전 모질라 재단에서 설계 및 디자인, 정책 등을 완료한 후 각 OS에 맞춰 코딩을 진행한다고 생각했습니다. 그러하였기에 설령 개발자가 다르더라도 같은 div에 다른 표현이 이상하다고 생각한 것입니다.
      하지만 오픈소스이니 그런 차이가 오는 것이 아닌가 하는 생각도 듭니다. (이것이 오픈소스의 단점?)

      Reply

Leave a Reply