mwultong Blog ... 프로그래밍 / 계산기

컴퓨터 엑셀 워드 포토샵 구글어스 WINDOWS JAVASCRIPT JAVA C++

 
Thursday, April 12, 2007

IE7 CSS 버그? 해결: Blogger, Blogspot 네비게이션바 Crop 문제


최신 버전인 "인터넷 익스플로러 버전 7 (Internet Explorer 7; IE 7)" 을 오늘 시험삼아 설치해 보았는데, 역시 예상대로 CSS 에 관련된 문제가 발생했습니다.

이 블로그 최상단에 갈색 상태바(실은 상태바가 아니라 네비게이션 바임)가 있는데, 페이지 윗부분이 상태바 속으로 밀려 올라가는 것이었습니다. 그래서 "mwultong Blog ― 소설 / IT"라는 제목과 그림(현재 붓과 와인잔 사진)이 있는 영역 즉, "헤더 부분"이 반쯤 잘려나갔습니다.

이 문제를 고치느라 반나절이 걸렸습니다. 이 문제는 구글 블로그인 Blogger.com (블로거 닷컴)에서만, 즉, blogspot.com 에 있는 블로그에만 해당되는 것 같습니다. 새 템플릿에서는 문제가 없고, "새 버전의 블로거닷컴"에서 옛날식 템플릿을 사용하는 경우에만 발생했습니다.

CSS 를 해석하는 데 있어 IE6과 IE7의 미묘한 차이 때문일 수도 있지만, 파이어폭스 2.0에서는 아무 문제가 없는 것으로 봐서는 버그일 수도 있습니다.

아무튼 다음과 같은 방법으로 해결했습니다.

블로거 템플릿 고치기


이렇게 템플릿의 body 태그 바로 다음에

<body>
<div></div> <!-- for IE7 -->


위의 파란색 코드 한줄을 추가해 주는 것입니다. 이렇게 해주니, 정상화되었습니다.


이 외에는 CSS 에 대한 문제가 없었습니다.




tag: blogger
블로거 | 구글블로그 | Blogger.com + blogspot.com

0 Comments:

<< Home RSS 2.0 feed

구글 Google 에서 제공하는 무료 블로그 서비스인 블로거 Blogger 의 인터넷 주소는 www.blogger.com 입니다. Blogger 에 블로그를 만들면, blogspot.com 이라는 주소에 블로그가 생성됩니다.
블로그를 직접 방문하지 않고도 최신 게시물을 구독하려면 RSS 2.0 feed 주소를 리더기에 등록하시면 됩니다.
Previous Posts
Monthly Archives
Top