출력이 이상하게 됩니다...!!!

출력이 이상하게 됩니다...!!!

QA

출력이 이상하게 됩니다...!!!

답변 1

본문

원래는 이렇게 출력이 되어야 합니다.

3552737579_1520299982.0749.jpg

 

그런데 이 스킨을 제 홈페이지에 적용시키면 이렇게 나옵니다.

3552737579_1520299651.322.jpg

 

https://sir.kr/g5_skin/7668?sca=%EC%B5%9C%EC%8B%A0%EA%B8%80&sfl=wr_subject%7C%7Cwr_content&stx=%EB%A1%A4%EB%A7%81&page=2

 

위의 롤링 스킨을 사용 중입니다. 원래는 저렇게 나오지 않는 것인데 제 홈페이지에 스킨을 적용하면 가운데 정렬 비슷하게 구조가 바뀌더군요. 가운데 보시면 '더보기'라던가 그 옆에 구분선이 구조를 잘 못잡고 있는데...

style 파일을 열어서 봐도 왜 저렇게 나오는지 이해가 안 되더군요.

 

혹시 해결책이 있을까요?

 

스타일 소스는 다음과 같습니다.

@charset "utf-8";

.wz_tail_latest ul, .wz_tail_latest li, .wz_tail_latest .notice-ul, .wz_tail_latest dd, .wz_tail_latest dl {list-style:none;padding:0;margin:0;vertical-align: baseline;border: 0;background: transparent;}
.wz_tail_latest .t_indent {text-indent: -10000em !important;display: inline-block;}
.wz_tail_latest {clear:both;position:relative;border: 1px solid #d8d8d8;}
.wz_tail_latest:after {display:block;visibility:hidden;clear:both;content:""}
.wz_tail_latest .notice, 
.wz_tail_latest .notice .notice-wrap, 
.wz_tail_latest .notice dd {float:left;}
.wz_tail_latest .notice {display:inline;padding:20px 0 0 15px;width:80%;height:28px;background:url(./img/bul_bar2.gif) no-repeat right 12px;}
.wz_tail_latest .notice dd.title {margin-right: 13px;}

.wz_tail_latest .notice .notice-wrap {position:relative;width:370px;height:14px;overflow:hidden;}
.wz_tail_latest .notice .notice-ul {position:absolute; top:0px;}
.wz_tail_latest .notice .notice-ul li {color:#666;line-height:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:14px;padding-right:10px;}
.wz_tail_latest .notice dd.more a {display:inline-block;color:#999;font-size:11px;background:url(./img/bt_arr_more.gif) no-repeat right 3px;padding:1px 5px 0 0;}
.wz_tail_latest .bx_sns {display:inline}
.wz_tail_latest .bx_sns:after {display:block;visibility:hidden;clear:both;content:""}
.wz_tail_latest .ul_sns {position:absolute;top:0;right:7px;} 
.wz_tail_latest .ul_sns li {float:left;}
.wz_tail_latest .ul_sns li a {display:inline-block;background:url("./img/icon_sns.png") no-repeat 0 0;width:32px;height:32px;margin:7px 5px 0 3px;}
.wz_tail_latest .ul_sns li a.f {background-position:-91px 0;}
.wz_tail_latest .ul_sns li a.t {background-position:0 0;}
.wz_tail_latest .ul_sns li a.m {background-position:-404px 0;}

이 질문에 댓글 쓰기 :

답변 1

원본 소스랑 작업소스랑 비교해서 올려주셔야 확인가능할듯요

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 17
© SIRSOFT
현재 페이지 제일 처음으로