Opera(오페라)야 너 왜이러니...

Posted at 2009.12.31 09:29 | Posted in 블로그
Opera(오페라)야 너 왜이러니...


제 블로그 하단에 다음 애드클릭스를 삽입하기 위해 작업을 좀 했습니다. 물로 제 주력 브라우저가 파이어폭스이기 때문에 파이어폭스에서 테스트를 해가며 작업을 했습니다.

얼추 작업을 마무리 하고 테스트 할겸 해서 IE에세도 확인을 해봐야 했기에 IE에서 열어봤더니 두둥~~~ 역시나 약간 틀어 지더군요. 다음 애드클릭스와 그아래에 있는 올블로그와의 간격이 파이어폭스에서 보다 훨씬 떨어져 있는 것입니다. 뭐... 바로 안될꺼란 예상은 했었습니다. 늘 IE에선 그랬으니까요.



제 블로그를 가장 많이 보는 브라우져가 IE이기 때문에 어쩔수 없이 다시 그 간격을 맞추기 위해 삽질을 좀 했으나 여전히 간격을 맟추기가 힘들었습니다. 파폭을 맟주면 IE가 안맞고 IE를 맞추면 파폭이 안맞고...

젠장할...!!!

뭐... 제가 웹개발을 좀 해보긴 했으나 프로그램 들어가는 부분만 했었기 때문에 HTML은 좀 약하거든요.


어쩔수 없이 이 해결되지 않는 부분을 IE의 잘못으로 돌리기 위해 "그래, 다른 브라우져에선 다 잘 보일꺼야. IE가 웹표준을 다 지키지 않아서 그럴꺼야" 라는 생각을 가지고 크롬, 오페라, 사파리에서도 확인을 해봤습니다.

└크롬에서 본 화면 - 정상적으로 보임┘


└사파리에서 본 화면 - 정상적으로 보임┘


└파이어폭스에서 본 화면 - 정상적으로 보임┘


└IE8에서 본 화면 - 사이 간격이 떨어져 있음┘

위 이미지에서 볼수 있듯이 IE말고는 제가 원한대로 정상적으로 보입니다. 그런데 각 브라우져별로 페이지 확인을 하다가 오페라 때문에 깜짝 놀랐습니다. 웹표준을 가장 잘 지킨다는 오페라에서 제 블로그 화면에 어긋나 있는것이 아니겠습니까?

└오페라에서 본 화면 - 많이 틀어짐┘

이상합니다. 왜 오페라에서 이렇게 틀어 지는지... 웹표준의 대표주자라 할수 있는 오페라, 파이어폭스, 사파리 브라우져는 동일 코드로 동일한 페이지를 보여 줘야 하는거 아닌가요? 파이어폭스, 사파이에선 정상적으로 보이는데 IE에서 조차 제대로 보여지던 구글 애드센스 부분이 오페라에서만 왜 이렇게 제자리를 못찾고 방황하고 있는지 모르겠습니다. 그리고 IE에서 간격이 떨어져 보이던 부분까지 오페라에서도 똑같이 떨어져 보입니다.

해결을 할려 했으나 막막해서 손을 못대고 있습니다. 수정을 하면 파폭이나 사파리에서 또 틀어 질텐데 우찌 해야 할지 모르겠습니다. 뭐... 제 블로그로 들어오는 브라우져가 오페라가 차지하는 비중이 상당히 낮기 때문에 그냥 무시할려고 했으나 왠지 찜찜한게 일보고 뒤 안닦은 기분입니다.

어찌됐든 해결은 해야 겠지만 당장 해결하긴 힘들거 같아 보이고 시간을 가지고 코드를 보며 천천히 해야 겠습니다. 에혀... 오페라야 나한테 왜이러니... ㅜ.ㅜ



  1. 저도 오페라 덕에 고생한 기억이 있습니다. 각 요소의 크기와 관련된 수치를 정확히 지정해주면 해결되는 걸로 기억해요.
  2. 오페라는 없으므로 무시.. ㅎㅎ 근데 같은 파폭이라도 맥에서 돌리면 또 틀려요.
    폰트 하나 땜시 이상한 경우도 있고...
    새해 복 많이 받으세요.
  3. ㅎ 블로그 글 RSS등록해서 잘 읽고 있습니다.
    저도 웹 개발 조금 했는데요. 그 한때 IE가 대다수를 차지하던 시절...
    기술적으로나 뭐로나 안좋았을지 몰라도 웹개발자들은 편했습니다-_-;
    • 2009.12.31 20:22 신고 [Edit/Del]
      아... 감사합니다. 제글을 잘 읽고 계신다니 쪼금 부끄럽기도 하네요. ㅋ
      그때는 IE만 했으면 됐으니 편했겠죠. 하지만 지금은 웹표준을 지키는게 대세이다 보니 각 브라우져마다 다 확인을 해봐야 하니... 웹개발자가 쪼~~~금 거시기 하겠네요. ㅋㅋㅋ
  4. 사실 방문자 입장에선 크게 신경쓰지 않는 부분도 개발자나 운영자 입장에서는 계속 신경쓰이지요 ㅎㅎ 특히 HTML 은 ㄷ ㄷ ㄷ 하도 오류가 많아서 ㅎ
    • 2010.01.03 20:03 신고 [Edit/Del]
      그렇죠. 이놈에 HTML은 오류가 많은지 브라우져 수도 많고... 꼭 제가 모바일게임 개발하던때 생각이 나네요. 어찌나 종류가 많고 폰버그가 많은지... ㅜ.ㅜ
  5. 오페라가 웹표준을 100% 지키고 IE는 20~30%, 나머지는 70% 정도 지키는 걸로 알고 있습니다. 이 경우엔 오페라가 맞는 거 아닐까 체크해 보심도 좋을 것 같습니다. ㄷㄷ;;(설마 IE도 덩달아 맞는 건 아니겠죠?;;;)
    • 2010.01.05 22:27 신고 [Edit/Del]
      ㅋㅋㅋ IE가 덩달아 맞는 경우는 없을꺼 같습니다.
      근데 이 경우는 오페라만 안돼니 참 난감하네요. 제가 웹개발자가 아니라 웹표준을 100% 이해하는것도 아닌데...
      아무튼 차근차근 해봐야 겠습니다.

Name __

Password __

Link (Your Website)

Comment

SECRET | 비밀글로 남기기