(IE7에서 본 블로그)
스킨이 드디어 완성된 듯합니다!!
오늘 개선에서는 CSS를 군데군데 손봐서 완벽한 레이아웃(!)을 만들었고,
(IE7, 파폭, 오페라, 사파리에서 제대로 보이고 IE6에서는 여전히 콘텐트랑 사이드바가 약간 오른쪽으로 비뚤어지는 문제가 있습니다만 브라우저 문제라 그건 어쩔 수 없었습니다...; 그렇게 큰 문제는 아니고요;ㅎ)
*추가 : 양쪽 간격을 조정하고 header 사이즈를 조금 늘여, IE6에서 비뚤어지는 문제도 수정했습니다. IE6에서도 이제 제대로 보입니다. 단, IE7 파폭 오페라 사파리에서는 사이드바와 콘텐트 사이 간격이 더 늘어나게 되었네요*
적절히 계산을 해서 (특히 헤더부분) 공간소모를 최대한 줄이고 글내용이 최대한 위로 올라오게 신경을 썼습니다. 블로그 로고나 아래 저작권 부분이 가운데로 오게 하는 것도 별거 아닌 부분입니다만 수정하기 이전엔 그렇지 못했었기에 수정했고요.
밑으로 스크롤 쫙~해 보신다면 그간 계속 문제가 되었던 테두리 막음 출력 문제도 해결된 걸 보실 수 있습니다.
이제 제대로 보이니 말입니다만 테두리 막음은 이전 테두리 추가하기 전 블로그의 별무늬를 계승한 것이랍니다;ㅎ
위아래 테두리 막음의 '라운딩'부분은 PNG 투명으로 되어있어서 PNG 투명도를 지원하는 브라우저들에서는 문제없이 나오던데, IE6에서는 역시나 안되서 까맣게 나오던게 마음에 걸립니다;
*추가 : gif 투명으로 바꿨습니다. 이제 IE6에서도 잘 나오네요;*
IE6 유저분들은 이미지를 클릭하셔서 한번 구경해 보세요ㅎ
(그리고 파폭이나 IE7 업그레이드를 강추합니다;;;;;;;;;;;;;; - ㅋ 농담 반 진담 반입니다;)
더불어 헤더 이미지를 바꿨는데 개인적으로는 전보다 훨 이쁜 것 같아 마음에 듭니다...ㅎ
블로그 이름을 가운데로 옮길 생각을 왜 못 하고 있었는지..ㅎ 일종의 고정 관념에 사로잡혔던 것 같은 기분인데, 옮기고 글자 옆에 살짝 블로그 로고까지 띄워주니 금상첨화네요.
이미지를 백그라운드 처리하지 않고 HTML상으로 올려놓아서 루돌프님 블로그처럼 랜덤 로고도 가능할 것 같고요ㅎ (뭐 생각좀 해 보고 시도도 해 보겠습니다;ㅎ)
물론 스타일은 전부 CSS에 적용했고 웹표준을 준수했;;;;;
CSS 파일도 정리했더니 훨 가벼워졌습니다.
어쨌든 이제부터는 스킨도 '완성'되었겠다 아주 홀가분한 마음으로 내용에 전념;(과연;) 멋진 블로그 만들기에 들어가야겠습니다^^;
Trackback Address :: http://daysofjyp.net/trackback/74
