모바일 게시판 세로 출력..

모바일 게시판 세로 출력..

QA

모바일 게시판 세로 출력..

본문

안녕하세요

인지도 못하고 있었는데..

모바일로 게시판 목록을 보니 제목이 세로로 출력이 되네요..

a6247a77513169b0dc961169d13a9a5f_1496824812_5998.jpg

 

이런식으로 말입니다..

여기서 받은 베이직 심플 게시판 사용중이고요..

어느부분을 수정해야 할지 감도 안잡히네요..

게시판 style.css 첨부합니다!

염치 불구하지만 도움좀 부탁 드리겠습니다!
 

@charset "utf-8";

/* SIR 지운아빠 */

 

/* 게시판 버튼 */

/* 목록 버튼 */

#bo_list a.btn_b01 {}

#bo_list a.btn_b01:focus, #bo_list a.btn_b01:hover {}

#bo_list a.btn_b02 {background:#333;}

#bo_list a.btn_b02:focus, #bo_list a.btn_b02:hover {}

#bo_list a.btn_admin {background:#fff;color:#333;border:1px solid #333;}  

#bo_list a.btn_admin:focus, #bo_list .btn_admin:hover {}

 

/* 읽기 버튼 */

#bo_v a.btn_b01 {background:#fff;color:#333;border:1px solid #333;padding:7px 15px;}

#bo_v a.btn_b01:focus, #bo_v a.btn_b01:hover {}

#bo_v a.btn_b02 {background:#333;padding:7px 15px;}

#bo_v a.btn_b02:focus, #bo_v a.btn_b02:hover {}

#bo_v a.btn_admin {background:#fff;color:#333;border:1px solid #333;padding:7px 15px;}  

#bo_v a.btn_admin:focus, #bo_v a.btn_admin:hover {}

 

/* 쓰기 버튼 */

#bo_w .btn_confirm {}

#bo_w .btn_submit {}

#bo_w button.btn_submit {}

#bo_w fieldset .btn_submit {}

#bo_w .btn_cancel {}

#bo_w button.btn_cancel {}

#bo_w .btn_cancel:focus, #bo_w .btn_cancel:hover {}

#bo_w a.btn_frmline, #bo_w button.btn_frmline {} 

#bo_w button.btn_frmline {}

 

/* 기본 테이블 */

/* 목록 테이블 */

#bo_list .tbl_head01 {border-bottom:1px solid #7f7f7f;}

#bo_list .tbl_head01 caption {}

#bo_list .tbl_head01 thead th {background:#fff;font-weight:normal;font-size:13px;border-top:1px solid #000;border-bottom:1px solid #7f7f7f;}

#bo_list .tbl_head01 thead a {color:#383838}

#bo_list .tbl_head01 thead th input {}

#bo_list .tbl_head01 tfoot th {}

#bo_list .tbl_head01 tfoot td {}

#bo_list .tbl_head01 tbody th {}

#bo_list .tbl_head01 td {color:#797979}

#bo_list .tbl_head01 a {color:#797979}

#bo_list td.empty_table {}

 

/* 읽기 내 테이블 */

#bo_v .tbl_head01 {}

#bo_v .tbl_head01 caption {}

#bo_v .tbl_head01 thead th {}

#bo_v .tbl_head01 thead a {}

#bo_v .tbl_head01 thead th input {}

#bo_v .tbl_head01 tfoot th {}

#bo_v .tbl_head01 tfoot td {}

#bo_v .tbl_head01 tbody th {}

#bo_v .tbl_head01 td {}

#bo_v .tbl_head01 a {}

#bo_v td.empty_table {}

 

/* 쓰기 테이블 */

#bo_w {margin-bottom:40px; color:#7d7d7d}

#bo_w table {}

#bo_w caption {}

#bo_w .frm_info {}

#bo_w .frm_address {}

#bo_w .frm_file {}

 

#bo_w .tbl_frm01 {margin:10px 0 20px 0; border-top:1px solid #000;border-bottom:1px solid #727272;}

#bo_w .tbl_frm01 th {}

#bo_w .tbl_frm01 td {}

#bo_w .tbl_frm01 textarea, #bo_w tbl_frm01 .frm_input {}

#bo_w .tbl_frm01 textarea {}

/*

#bo_w .tbl_frm01 #captcha {}

#bo_w .tbl_frm01 #captcha input {}

*/

#bo_w .tbl_frm01 a {}

 

/* 필수입력 */

#bo_w .required, #bo_w textarea.required {}

 

#bo_w .cke_sc {}

#bo_w button.btn_cke_sc{}

#bo_w .cke_sc_def {}

#bo_w .cke_sc_def dl {}

#bo_w .cke_sc_def dl:after {}

#bo_w .cke_sc_def dt, #bo_w .cke_sc_def dd {}

#bo_w .cke_sc_def dt {}

#bo_w .cke_sc_def dd {}

 

 

/* 게시판 목록 */

#bo_list .td_board {width:120px;text-align:center}

#bo_list .td_chk {width:30px;text-align:center}

#bo_list .td_date {width:60px;text-align:center}

#bo_list .td_datetime {width:110px;text-align:center}

#bo_list .td_group {width:100px;text-align:center}

#bo_list .td_mb_id {width:100px;text-align:center}

#bo_list .td_mng {width:80px;text-align:center}

#bo_list .td_name {width:100px;text-align:left}

#bo_list .td_nick {width:100px;text-align:center}

#bo_list .td_num {width:50px;text-align:center}

#bo_list .td_numbig {width:80px;text-align:center}

 

#bo_list .txt_active {color:#5d910b}

#bo_list .txt_expired {color:#ccc}

 

#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#bo_cate ul {margin-bottom:10px;padding-left:1px;width:728px;zoom:1}

#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}

#bo_cate li {float:left;margin-bottom:-1px}

#bo_cate a {display:block;position:relative;margin-left:-1px;padding:6px 0 5px;width:90px;border:1px solid #ddd;background:#f7f7f7;color:#888;text-align:center;letter-spacing:-0.1em;line-height:1.2em;cursor:pointer}

#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none}

#bo_cate #bo_cate_on {z-index:2;border:1px solid #565e60;background:#fff;color:#565e60;font-weight:bold}

 

.td_subject img {margin-left:3px}

 

/* 게시판 목록 공통 */

.bo_fx {margin-bottom:5px;zoom:1}

.bo_fx:after {display:block;visibility:hidden;clear:both;content:""}

.bo_fx ul {margin:0;padding:0;list-style:none}

#bo_list_total {float:left;padding-top:5px}

.btn_bo_user {float:right;margin:0;padding:0;list-style:none}

.btn_bo_user li {float:left;margin-left:5px}

.btn_bo_adm {float:left}

.btn_bo_adm li {float:left;margin-right:5px}

.btn_bo_adm input {padding:8px;border:0;background:#fff;color:#333;text-decoration:none;vertical-align:middle;border:1px solid #333;}

.bo_notice td {background:#f5f6fa}

.bo_notice td a {font-weight:bold}

.td_num strong {color:#000}

.bo_cate_link {display:inline-block;margin:0 3px 0 0;padding:0 6px 0 0;border-right:1px solid #e7f1ed;color:#999 !important;font-weight:bold;text-decoration:none} 

.bo_current {color:#e8180c}

#bo_list .cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold}

 

#bo_sch {margin-bottom:10px;padding-top:35px;text-align:center}

#bo_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}

 

/* 게시판 쓰기 */

#char_count_desc {display:block;margin:0 0 5px;padding:0}

#char_count_wrap {margin:5px 0 0;text-align:right}

#char_count {font-weight:bold}

 

#autosave_wrapper {position:relative}

#autosave_pop {display:none;z-index:10;position:absolute;top:24px;right:117px;padding:8px;width:350px;height:auto !important;height:180px;max-height:180px;border:1px solid #565656;background:#fff;overflow-y:scroll}

html.no-overflowscrolling #autosave_pop {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */

#autosave_pop strong {position:absolute;font-size:0;line-height:0;overflow:hidden}

#autosave_pop div {text-align:right}

#autosave_pop button {margin:0;padding:0;border:0;background:transparent}

#autosave_pop ul {margin:10px 0;padding:0;border-top:1px solid #e9e9e9;list-style:none}

#autosave_pop li {padding:8px 5px;border-bottom:1px solid #e9e9e9;zoom:1}

#autosave_pop li:after {display:block;visibility:hidden;clear:both;content:""}

#autosave_pop a {display:block;float:left}

#autosave_pop span {display:block;float:right}

.autosave_close {cursor:pointer}

.autosave_content {display:none}

 

/* 게시판 읽기 */

#bo_v {margin-bottom:20px;padding-bottom:20px;color:#797979;}

 

#bo_v_table {position:absolute;top:0;right:16px;margin:0;padding:0 5px;height:25px;background:#ff3061;color:#fff;font-weight:bold;line-height:2.2em}

 

#bo_v_title {padding:13px 0;font-size:12px;color:#7d7d7d;font-weight:normal;border-bottom:1px solid #ddd}

 

#bo_v_info {padding:13px 0;font-size:12px;color:#7d7d7d;font-weight:normal;border-bottom:1px solid #ddd}

#bo_v_info h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#bo_v_info strong {display:inline-block;margin:0 15px 0 5px;font-weight:normal}

#bo_v_info .sv_member,

#bo_v_info .sv_guest,

#bo_v_info .member,

#bo_v_info .guest {font-weight:bold}

 

#bo_v_file {}

#bo_v_file h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#bo_v_file ul {margin:0;padding:0;list-style:none}

#bo_v_file li {padding:0 10px;border-bottom:1px solid #eee;background:#f5f6fa}

#bo_v_file a {display:inline-block;padding:8px 0 7px;width:100%;color:#000;word-wrap:break-word}

#bo_v_file a:focus, #bo_v_file a:hover, #bo_v_file a:active {text-decoration:none}

#bo_v_file img {float:left;margin:0 10px 0 0}

.bo_v_file_cnt {display:inline-block;margin:0 0 3px 16px}

 

#bo_v_link {}

#bo_v_link h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#bo_v_link ul {margin:0;padding:0;list-style:none}

#bo_v_link li {padding:0 10px;border-bottom:1px solid #eee;background:#f5f6fa}

#bo_v_link a {display:inline-block;padding:8px 0 7px;width:100%;color:#000;word-wrap:break-word}

#bo_v_link a:focus, #bo_v_link a:hover, #bo_v_link a:active {text-decoration:none}

.bo_v_link_cnt {display:inline-block;margin:0 0 3px 16px}

 

#bo_v_top {margin:0 0 10px;padding:10px 0;zoom:1}

#bo_v_top:after {display:block;visibility:hidden;clear:both;content:""}

#bo_v_top h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#bo_v_top ul {margin:0;padding:0;list-style:none}

 

#bo_v_bot {zoom:1}

#bo_v_bot:after {display:block;visibility:hidden;clear:both;content:""}

#bo_v_bot h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#bo_v_bot ul {margin:0;padding:0;list-style:none}

 

.bo_v_nb {float:left}

.bo_v_nb li {float:left;margin-right:5px}

.bo_v_com {float:right}

.bo_v_com li {float:left;margin-left:5px}

 

#bo_v_atc {min-height:200px;height:auto !important;height:200px}

#bo_v_atc_title {position:absolute;font-size:0;line-height:0;overflow:hidden}

 

#bo_v_img {margin:0 0 10px;width:100%;overflow:hidden;zoom:1}

#bo_v_img:after {display:block;visibility:hidden;clear:both;content:""}

#bo_v_img img {margin-bottom:20px;max-width:100%;height:auto}

 

#bo_v_con {margin-bottom:0px;width:100%;line-height:1.7em;word-break:break-all;overflow:hidden}

#bo_v_con a {color:#000;text-decoration:underline}

#bo_v_con img {max-width:100%;height:auto}

 

#bo_v_act {margin-bottom:30px;text-align:center}

#bo_v_act .bo_v_act_gng {position:relative}

#bo_v_act a {margin-right:5px;vertical-align:middle}

#bo_v_act strong {color:#ff3061}

#bo_v_act_good, #bo_v_act_nogood {display:none;position:absolute;top:30px;left:0;padding:10px 0;width:165px;background:#ff3061;color:#fff;text-align:center}

 

#bo_v_sns {margin:0 0 20px;padding:0;list-style:none;zoom:1}

#bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""}

#bo_v_sns li {float:left;margin:0 5px 0 0}

 

/* 게시판 댓글 */

#bo_vc {margin:30px 0 20px;padding:20px 0 10px;border:0px solid #e5e8ec;background:#fff}

#bo_vc h2 {margin-bottom:10px;font-size:13px;}

#bo_vc article {padding:0 0 10px;border-top:1px solid #000}

#bo_vc header {position:relative;margin:0 0 10px 0; padding:15px 0 5px}

#bo_vc header .icon_reply {position:absolute;top:15px;left:-20px}

#bo_vc .sv_wrap {margin-right:15px}

#bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest {font-weight:bold}

.bo_vc_hdinfo {display:inline-block;margin:0 15px 0 5px}

#bo_vc h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#bo_vc a {color:#000;text-decoration:none}

#bo_vc p {padding:0 0 5px;line-height:1.8em}

#bo_vc p a {text-decoration:underline}

#bo_vc p a.s_cmt {text-decoration:none}

#bo_vc_empty {margin:0;padding:20px !important;text-align:center}

#bo_vc #bo_vc_winfo {float:left}

#bo_vc footer {zoom:1}

#bo_vc footer:after {display:block;visibility:hidden;clear:both;content:""}

 

.bo_vc_act {float:right;margin:0;list-style:none;zoom:1;}

.bo_vc_act:after {display:block;visibility:hidden;clear:both;content:""}

.bo_vc_act li {float:left;margin-left:5px;background:#333; padding:5px 10px;}

.bo_vc_act li a{color:#fff !important;}

 

#bo_vc_w {position:relative;margin:0 0 10px;padding:0 0 20px;border-bottom:0px solid #cfded8}

#bo_vc_w h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#bo_vc_w #char_cnt {display:block;margin:0 0 5px}

 

#bo_vc_sns {margin:0;padding:0;list-style:none;zoom:1}

#bo_vc_sns:after {display:block;visibility:hidden;clear:both;content:""}

#bo_vc_sns li {float:left;margin:0 20px 0 0}

#bo_vc_sns input {margin:0 0 0 5px}

 

 

 

/* 버튼 */

.btn_submit {padding:8px;border:0;background:#333;color:#fff;letter-spacing:-0.1em;cursor:pointer}

fieldset .btn_submit {padding:0 13px;height:24px;line-height:1em}

#bo_sch .frm_input {background:#fff !important; height:23px; border:1px solid #ccc;}

#bo_sch select {width:110px; height:25px; font-size:13px; padding:5px; border:1px solid #ccc;}

#bo_sch option {color:#666;}

 

#cmt_color {color:#ff6600}

이 질문에 댓글 쓰기 :

답변 1

모바일 스킨에서는  글제목정도만 보이게 되어있습니다.

지금 사용하는 것은 pc용 스킨으로 보여지네요.

모바일 화면에서는 모바일용 스킨이 작동되고, basic 스킨을 사용하면 문제 없을텐데요

답변을 작성하시기 전에 로그인 해주세요.
전체 59,635
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT