애드센스 왜 익스플로러에서만 이상하게 나올까요?

2009.02.16 00:17

▲ 구글 크롬

▲ 오페라 브라우저

▲ 파이어폭스

▲ MS 익스플로러7


익스플로러로 이 블로그를 보시는 분들은 이미 느꼇을것 같습니다. 지금 글 상단의 구글 애드센스가 익스플로러에서 좌우가 아닌 위아래로 뿌려지면서 블로그가 전체적으로 안정적이지 않고 뭔가 지저분한 느낌입니다. 물론 다른 웹브라우저에서는 정상적으로 좌우로 뿌려지고 있습니다.

제 블로그 본문의 가로 크기는 650픽셀입니다. 그리고 상단의 애드센스는 한개가 300픽셀, 두개해서 600픽셀이 됩니다. 그리고 두 광고 스크립트코드는 가운데 정렬한<div>테그로 묶여 있습니다.

이론적으로는 별 문제 없이 좌우로 나와야하죠. 얼마전까지는 익스플로러도 그랬었던것 같습니다. 그런데 언제부터인가 이상하게 뿌려주더니, 이제는 아예 위아래로만 뿌려주는것 같네요. 다른 블로그도 동인한 증상이 보이더군요.

이런현상이 왜 일어나는걸까요? 본문 가로 속성이 열리기 전에 구글광고코드 <div>가 먼저 뿌려져서 그런것이 아닐까 하는 생각이 들기는하는데 HTML에 전문적인 지식이 없으니 정확히는 모르겠네요.

※ 추가 수정
아래 벌새님의 도움으로 해결했습니다. 간단한 방법이네요. 아래와 같이 <table>테그를 이용하면 해결된다고 합니다. 저도 이걸로 해결했습니다. 감사합니다. ^^

<table width="본문 폭" border="0">
<tr>
<td align="center"> 구글 좌측 광고 </td>
<td align="center"> 구글 우측 광고 </td>
</tr>
</table>

뽕다르 인터넷 , , , ,

  1. 이게 상당한 랜덤의 확률로 좌우나 상하배치가 되는것 같더라구요...
    같은 페이지를 새로고침 해보면 다시 좌우로 바뀌고 다시 상하로 바뀌고...

  2. 얼마전에는 랜덤이다가 오늘 이상하게 위아래로만 되네요ㅠㅠ

  3. 저 방식의 배열은 가끔 저런 현상이 일어납니다.

    팁을 드리자면 해당 구글 광고를 박스 처리를 하면 안정적인 배열이 됩니다.

    <table width="본문 폭" border="0">
    <tr>
    <td align="center"> 구글 좌측 광고 </td>
    <td align="center"> 구글 우측 광고 </td>
    </tr>
    </table>

    이렇게 넣어보세요.

    폭은 뽕다르님이 사용하시는 본문의 폭으로 대충 잡으시고.. 보통 600 정도..

    박스가 보이지 않게 선은 0으로 처리합니다.

  4. 와우~~ 감사합니다. ^^ 바로 수정해봐야겠네요....

  5. 최근에 구글 애드센스를 시작했습니다.
    뽕다리님의 저와 유사한 질문과 벌새님의 답변에 드디어 해답을 얻었네요.
    저보다 먼저 궁금증을 해결한 방법을 올렸기에 저또한 동일한 해답을 얻었습니다.
    벌새님이 알려준 방법대로 하니까 보기 좋게 좌우정렬되었습니다. 우측 글이 짤리는 문제까지 해결하였습니다. 감사합니다. ^^

  6. 벌새님께서 벌써 답을 주셨네요~

    <div> 사용시 간혹 늘어지는 현상이 발생하더군요.

    그래서 저도 <div> 대신 <table> 을 사용합니다.

  7. 네~~^^ 감사합니다.

  8. 벌써 수정하셨는가 보군요!

    IE7 에서 정상적으로 잘 보입니다^^

  9. 오오.. 저도 이 문제 때문에 고생하고 있었는데 덕분에 해결하게 되었네요. 감사합니다.

  10. 오 저도 벌새님 덕분에 수정했습니다.
    스크립트가 두개 연속으로 있는줄 모르고 테이블 잘못나눴다가
    css도 모르면서 힘들게 노가다로 조절해놓은 스킨 날리는거 아닌가 했는데
    다행히 잘 조정 했군요 감사합니다 ^^

  11. 저도 목록 부분에는 광고를 저렇게 배치했는데 결국 테이블로 묶었습니다. 역시 테이블은 죽지 않았다니까요(이러라고 만들어진 태그는 아니지만.. 뭐 필요하면 쓸 수도 있는거지요). 해결하셨다니 다행입니다. :)