관리 메뉴

be interested in...

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

daily life./blog skin

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

아이몬 2013.04.17 17:07

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


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


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


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

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


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


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

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

'daily life. > blog skin' 카테고리의 다른 글

블로그스킨 오작동 발견(Ver0.1)  (2) 2013.04.17
블로그 스킨 제작 및 배포  (5) 2013.04.13
2 Comments
댓글쓰기 폼