페이지 내부 링크/ページ内移動リンク



Allblog 툴바와 충돌?!

내 블로그가 Allblog 툴바와 충돌하고 있는 듯!파이어폭스에서 보면 아무 문제가 없는데 IE에서 보니 DIV가 중복되어 표시된다.

nmindplus

툴바를 끄면 페이지가 제대로 표시되어지지만 이것 참…원인을 모르겠군.문제가 될만한 테그도 없고…구글 analytics의 자바스크립트가 문제가 되는걸까 해서 지워봤는데도 아무 관련이 없는 듯 하다.워드프레스 일본어 랭귀지팩을 사용하고 있어서인가? 기본적으로 UTF-8이라 별 문제가 없는 것 같긴 하지만…

nmindplus

파이어폭스에서는 별 문제없이 표시된다.

nmindplus

하늘이님, 골빈해커님 좀 알아봐 주시겠어요? 저도 원인을 찾아보겠습니다.

문제해결!
N.com님
감사합니다.많은 도움이 되었습니다.

원인은 body에 사용한 백그라운드 이미지였습니다.백그라운드 이미지를 포지션을 사용해서(50% 0)지정했습니다만.그게 IE의 올블로그 툴바 프레임 안에서 문제를 일으켰던 것 같습니다.

background: url(images/top_bg.gif) 50% 0 no-repeat;

기존의 태그입니다만 여기에 배경색을 지정해주자 문제가 해결되었습니다.이렇게…

background:#FFF url(images/top_bg.gif) 50% 0 no-repeat;

평소 흰색 배경에 백그라운드 이미지를 사용할 경우 배경색 지정을 안 했었습니다만…이런 현상이 일어날 수 도 있군요.좋은 공부가 되었습니다.역시 웹 환경이란 클라이언트에 따라 많은 경우의 수가 있군요!

올블로그도 툴바를 조금 손봐야 할 필요가 있는 것 같습니다.모든 사용자를 만족시킬 수 는 없겠지만 조금 더 배려해 주셨으면 합니다.

9 Responses to “Allblog 툴바와 충돌?!”

Comments Feed

  1. N.com Says:

    IE의 문제가 맞습니다. 잘못하신 부분 전혀 없습니다.
    저도 가끔 이런 IE버그를 겪기도 하는데요… 흠…
    소스를 보질 않아 확신은 못하겠지만… 아무래도 특정 position 스타일시트가 프레임 문서에 들어가서 일으키는 문제일지도 모릅니다.

    확실한건 아니고 그냥 추측입니다.
    css 한개한개 걷어내면서 확인해 보는 지루한 방법을 써보시는게 좋을 것 같습니다;;;;;;

  2. N.com Says:

    원인 해결도 아니고 혹시나 될까해서 쓰는 말이지만, 문서에 background-image:에다 1*1px짜리 흰색 gif파일이라도 넣어보시면 멀쩡해 보일지도 모릅니다-_-;

    이상한 말만 하고 가서 정말 죄송합니다;;;

  3. nmind Says:

    N.com님 조언 감사합니다:-)
    역시 body에 사용한 백그라운드 이미지의 문제였습니다. 문법적으로 문제가 없습니다만…Allblog툴바의 프레임과 충돌하는 듯 합니다.
    정말 많은 도움이 되어습니다.

  4. Draco Says:

    그렇게 보였던것이 제 그래픽카드 문제가 아니었군요;;

  5. nmind Says:

    네, 저도 잠깐 그래픽문제가 아닐까 생각했었는데 CSS의 충돌이었던 것 같아요.

  6. Tyburn Says:

    저도 일부 사이트에서 그런 문제가 발생하더라고요.
    나중에 익스7이 나오면 수정되려나…

  7. nmind Says:

    잘 찾아보면 해결방법이 있드라구요…IE7.0은 꽤 많이 개선되어 나온다니 조금 기대를 하고 있습니다.

  8. 하늘이 Says:

    흑, IE 나빠요~ ㅠ_ㅜ)/

  9. nmind Says:

    얼르고 달래서 잘 쓰는 수 밖에 없겠죠….;;

Leave a Reply