블로그스킨 오작동 발견(Ver0.1)

- 블로그 레이아웃 에러 발견

---

아무생각없이 지난 포스팅을 흩어보다가 레이아웃이 깨지는 현상을 발견했습니다.
크롬의 요소검색을 통해 확인해보니, DIV가 꼬여있고 그에 따른 Style을 가져오지 못하는데 생긴 문제였습니다.  이거 큰일이다 싶어 부랴부랴 대안방법을 찾아봤습니다.

특정 포스팅의 경우 위 사진처럼 우측 사이드에 있어야할 Sidebar가 존재하지 않습니다.

이렇게 아래로 축 늘어져 내려가있더군요. 그에 따라 리플란이나 Paging쪽도 스타일이 먹지 않은 현상이였습니다. 스킨상에는 큰 이슈가 없는데 왜 특정 포스팅에만 이런 현상이 발생할까?라고 고민해보다가, 특정포스팅에서만 문제가 발생하는걸 보니 분명 스킨문제라기보단 해당 포스팅의 문제라고 판단이 되었습니다. 

해서, 포스팅수정을 통해 HTML을 확인해보았습니다. 

신경쓰고 있지는 않았는데 이런 자바스크립트가 삽입되어있더군요.
이 스크립은 구글애드센스 모바일용 광고를 불러오는 스크립트입니다.
어쨌든, 위 스크립트를 삭제하고 다시 확인해보니 이제 제대로 보입니다.

바로 이렇게요.  그런데, 왜 이 스크립트가 있을때 화면이 깨어져나올까요?
전에 제가 만들지 않은 스킨에서는 이 코드가 동일하게 있어도 정상출력이 됐는데 말이죠... 궁금한 나머지, 예~전에 포스팅했었던 글들도 확인해보니 또 그건 깨짐현상이 없었습니다. 그런데 차이점은 있었지요.

깨지지않는 스크립의 경우 <p></p>로 블럭처리가 되어있었다는 겁니다.
정확한 원인은 파악할수 없었으나, 어쨌든 스크립트를 포스팅내에서 호출해도 <p>태그 내에 존재한다면 깨짐현상은 없습니다.  혹시나 비슷한 상황을 겪으신다면, 참고하시길 바랍니다.