구글 크롬에서의 자간 문제 해결 방법

+2010/02/01 다른 컴퓨터에 깔린 크롬 브라우저에서 정상적으로 보이는 현상에 의아하여 확인해 보니, css 코딩이 잘못된 것으로 판명되었다. 아래 사항을 확인하기 전에 css 코드부터 다시 확인해 보시길!

최근 구글 크롬으로 브라우저를 바꾸게 되었는데, 기존에 쓰던 파이어폭스에 비해 갑작스레 죽는 현상은 사라졌으나 다양했던 확장기능이 없어서 자꾸 허전하게 느껴진다.

특히 블로그 본문 자간이 파이어폭스나 IE와 다르게 보여 조금 고생했는데, 검색을 통해 얻은 정보에 따르면 브라우저마다 CSS를 처리하는 방식이 달라서 그렇단다. 그렇다면 어떤 해결방법이 있을까 고민하던 차에 마침 hack이라는 방법을 알게 되어 적용하게 되었다.[1. 다만, hack의 사용은 웹표준을 해칠 수 있으므로 될 수 있으면 사용을 자제하는 것이 좋겠다.]

body:first-of-type
ex) body:first-of-type #wrap

관련글에서 인용, 링크 참조

위와 같은 방식으로 적용하며, 같은 웹킷 엔진을 사용하는 사파리 브라우저에도 동일하게 적용된다.

답글 남기기

이메일은 공개되지 않습니다. 필수 입력창은 * 로 표시되어 있습니다.