묻고답하기
읭 테이블이 밀려났는데 딱 width100%하게 맞출수가 없어요 왜글쵸?? ㅠㅠ
2014.09.13 01:54
http://www.cococob.com/index.php?mid=page_tcro02
에 올려 놓은 위젯이 width가 어긋나있어요 마진으로 조정하려고 해도 쉽지 않네요
요소보기로 보셔두 되지만 위젯을 표현하는 list.html에는
해당 스타일 요소가 아래와 같은데요..
<!--@else if($widget_info->content_type == "type2")-->
<li>
<!--@if($widget_info->display_browser_title=='Y')-->
<div style="font-size:10px;background:#5591ba;color:#fff;padding:2px;float: left;margin-right: 3px; -webkit-border-radius:5px;border-radius:5px;border:1px solid #e9e9e9;">{$oDocument->getBrowserTitle()}</div>
<!--@end-->
<a href="{$oDocument->getPermanentUrl()}">{$oDocument->getTitle($widget_info->subject_cut_size)}</a>
<!--@if($widget_info->show_icon=='Y')-->
<div class="iconImg"> {$oDocument->printExtraImages(24*60*60)}</div>
<!--@end-->
<!--@if($widget_info->display_comment_count=='Y' && $oDocument->getCommentCount() > 0)-->
<div style="float: right;margin-right: 1px; padding: 1px 6px 1px 6px;border: 1px solid #d6d6d6;background: #fff;font-size:10px;-webkit-border-radius: 100px;border-radius: 100px;">
<font style="color:#fd3887;"><!--@if($oDocument->getCommentCount())-->{$oDocument->getCommentCount()}<!--@else-->0<!--@end--></font>
</div>
<!--@end-->
<!--@if($widget_info->display_regdate=='Y')-->
<div style="float: right;margin-right: 1px; padding: 3px 6px 3px 0px;border: 0px solid #d6d6d6;font-size:10px;">
<font style="<!--@if($oDocument->getRegdate('Y.m.d') == $today)-->color:#fd3887;<!--@else-->color:#333;<!--@end-->">{$oDocument->getRegdate("Y.m.d")}</font>
</div>
<!--@end-->
<!--@if($widget_info->display_author=='Y')-->
<div style="float: right;margin-right: 1px; padding: 1px 6px 1px 6px;font-size:11px; text-align:center;color:#5591ba;">{cut_str($oDocument->getNickName(),6)}</div>
<!--@end-->
</li>
딱히 문제가 되는 것은 안보이는데 이상하게 안되요..으미...
댓글 4
-
neostream
2014.09.13 05:59
-
큰성565
2014.09.14 01:42
큰 도움이 되었습니다 감사합니다^^
-
큰성565
2014.09.14 02:02
혹시 이왕 답을 주신 김에 한 가지만 더 여쭐수 있을까요??..
제가 궁금한 것은 이게 모바일에도 보일 수 있도록 하기 위해서 반응형으로 준비하고 있었는데요..
1. 저는 ios를 통해서 접속을 하는데, 해당 페이지 보면 꼭 위젯의 폰트 사이즈가 pc에서 제시되는 약 14px?이었던가 그 이상으로 확대가 되어서 표시가 됩니다..
어디에선가 css리셋이 된건지 싶긴한데, 코드보는 눈이 좋지 않아서 며칠전에 눈빠지게 css뒤져봤지만 결국 실패했는데요.. 이들의 글씨폰트가 좀 커지지 않게 되었으면 좋겠습니다.. 추측으로는 layout.css에 있는 bs3 (부트스트랩)이 문제인거같은데...부끄럽게도 제 눈에는 다 그게 그걸로 보이네요....하...
2. 이게...모바일에서 쓸 수 있는 터치슬라이더인데요... 보면 꼭 썸네일과 게시글이 같이 표현되는 위젯쪽에서 문제가 생기는데요...어째 슬라이드하다보면 모바일에서 가끔(상당히 가끔) 멈춰버립니다..
특히 위젯 을 기준으로 슬라이드를 오른쪽 아래로 슬라이드 할 때?처럼 화면 자체를 내리는 동작과 위젯을 슬라이드하려고 오른쪽으로 하던지 하는 애매한 동작을 할 때 아에 멈춰버리는데 무슨문제일까요..
위젯자체가... js를 수정해야 할 듯싶은데...이 점을 좀 어떻게 안될까요....
-
neostream
2014.09.14 07:55
1. 폰트사이즈가 똑같아도 모바일과 pc는 크기가 다릅니다.
모바일에 맞춰서 해당부분 폰트크기도 조절해줘야겠네요..
2. 이건 플러그인 자체의 문제라 도움드릴수가 없네요.
모바일 최적화가 덜된 플러그인 같네요.
개인적으로는 모바일에서도 오류가없는 이 플러그인 추천합니다.
http://www.idangero.us/sliders/swiper/api.php
margin 말고 padding으로 해보세요.
.bs3-wrap ol, .bs3-wrap ul 이쪽에요.
js에서 슬라이더를 감싸는 div의크기를 구해서 자동으로 너비를 지정해주기때문에 그런듯 하네요.