1 pdaclub이 작성한 주제

  • pdaclub
  • 살짝식물애호가
  • 오프라인
  • 가입일자 2006-08-14
  • 글: 13

주제: 커버페이지 이미지(글) 왼쪽 정렬

KS_Simple - Textcube 1.7용 2단 스킨(http://kyungseo.pe.kr/blog/53) 을 쓰고 있습니다. 그런데 제 커버 페이지(http://how2mobile.com/cover)에서 썸네일 이미지가 포함된 글을 요약해서 보여줄때는 이미지에 따라서 오른쪽으로 점점 썸네일 이미지가 밀려 납니다.

파이어폭스는 정상이고, IE7에서도 기본스킨(Coolant)을 사용할때는 정상적으로 왼쪽으로 정렬해서 잘 보여주는걸로 봐서는 KS_Simple - Textcube 1.7용 2단 스킨 과 제가 쓰는 웹브라우저 문제(IE7)같은데 뭘 봐야 될지를 모르겠습니다. 제작자분께 여쭤봐도 아직 해결을 못하신것 같습니다. 혹 이에 대해 아시는 부분이 계시면 조언 좀 부탁드립니다.

제가 확인한 것은 이 스킨은 이미지가 700px이 넘으면 700 px로 맞추는데 , 이렇게 700 px이 넘는 이미지를 삼입할 경우나, 이미지 사이에 br 태그가 있으면 커버페이지에서 간격이 벌어지는 것 같습니다. 이미지가 700 px을 넘지 않는것은 간격이 벌어지지 않는것 같구요..


그리고 이 스킨이 IE7에서는 스크롤을 내리면 배경이미지가 깜박여서 배경이미지를 없앴더니, 파이어폭스에서는 커버페이지 상단데 백그라운드 색깔의 가로줄이 생기는데 이는 뭘 수정하면 될까요?

파이어폭스에서는 괜찮은데, IE에서는 안되는게 있고, IE에서는 잘 되는게 파이어폭스에서는 안되는게 있고 골치 아프네요.. IE와 파이어폭스용으로 모두 잘 보이게 만드시는 분들 존경스럽습니다.

pdaclub (2008-10-14 01:36:17)에 의해 마지막으로 수정

따오기 글 1

2 pdaclub이 작성한 답글

  • pdaclub
  • 살짝식물애호가
  • 오프라인
  • 가입일자 2006-08-14
  • 글: 13

답글: 커버페이지 이미지(글) 왼쪽 정렬

스킨 제작자께서 답변을 주셨습니다. br태그나 이미지 크기와는 상관이 없고, 제작자님께서 만드신 스킨의 호환성 이슈같다고 합니다. 답변 주신대로 블로그 설치 폴더의 plugins/MT_Meta_RecentPS_Default/style.css
파일에서 ".coverpost .post_tags"의 "clear: both;" 을 삭제하니 IE에서도 잘 보입니다.

반대로 파이어폭스에서는 커버페이지의 상단의 가로줄 생기는것은 제 메인 페이지를 보니 포스팅마다 테두리가 있는데 이게 커버 페이지에 한 줄 보여지게 되는것 같습니다. 커버페이지에서는 테두리를 적용하지 않으면 될 것 같은데, 어디서 설정해야 될지 모르겠네요..

암튼 저와 같이 KS_Simple - Textcube 1.7용 2단 스킨 쓰시는 분들은 참고가 되셨으면 좋겠습니다.



스킨 제작자님 댓글 중 일부:
-------------------------------------------------
blog/plugins/MT_Meta_RecentPS_Default/style.css
-------------------------------------------------

파일에 정의되어 있는 것 같구요.

이 파일에서 img_preview는 유동(float)으로 정의되어 있는데,
".coverpost .post_tags"의 "clear: both;"를 삭제해보면 IE에서도 잘 나오네요.

하지만, 이 파일이 잘못된 건 아니구요... ^^

pdaclub (2008-10-14 01:37:20)에 의해 마지막으로 수정

따오기 글 2