로그인을 하면 로그인 박스가 이상하게 나와요
본문
로그인을 하면 로그인 박스에 메뉴가 이상하게 보이는데
도와주세요
정보수정 로그아웃 버튼이 이상하게 나옵니다.
메인화면에는 저렇게 나옵니다.
원본 소스를 그대로 덮어 씌웠는데도 이상하게 나오네요
도와주세요
아무 메뉴 들어가면 아래처럼 정상으로 나오고요
답변 4
/skin/outlogin/basic/style.css
line 34
width:57px;
line 44
width:50%;
들레아빠님 감사합니다. 아래 소스로 수정하니 제대로 나옵니다.채택 해드렸습니다.
채택 감사 합니다.
증상 있는 페이지 주소를 남기셔야 답변 가능합니다.
답변이 채택이 되어서 사이트 주소는 내립니다.
메인 경우 3단으로 하면서 본문쪽에 padding-left 값이 2번 들어가서 그렇네요.
전체너비를 10px 늘리거나 아래 코드를 상단에 추가하시면 해결되실 듯....
td {box-sizing:border-box;}
이미지 상으로만은 정확한 원인을 파악하기 힘듭니다. 최소한 소스코드나 url을 공유해주셔야 구체적인 답변을 받기 쉬우실거라 생각합니다.
대략적으로 css나 레이아웃의 문제일 가능성이 큽니다.
답변이 채택이 되어서 사이트 주소는 내립니다.
아웃로그인 스킨의 css 부분에 다음과 같이 추가해 보세요
기존 #ol_after_ft {text-align:center} 이 부분은 주석처리 한후 추가
#ol_after_ft {
display: inline-block; /* 기본 값은 block일 수 있으므로 inline-block으로 변경 */
float: right; /* 로그아웃을 오른쪽으로 이동 */
margin-top: 20px; /* 원하는 간격 설정 */
}
#ol_after_logout {
margin-top: -25px; /* 원래 위치로 이동 */
}
/* 아웃로그인 스킨 */
.ol {position:relative;padding:14px 9px;margin-bottom:10px;border:1px solid #dfdfdf}
.ol h2 {margin:0;padding:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
.ol ul {margin:0;padding:0;list-style:none}
.ol a.btn_admin {display:inline-block;padding:0 11px;height:25px;background:#e8180c;color:#fff;text-decoration:none;line-height:2.2em;vertical-align:middle} /* 관리자 전용 버튼 */
.ol a.btn_admin:focus, .ol a.btn_admin:hover {text-decoration:none}
#ol_before {}
#ol_before fieldset {position:relative}
#ol_id {display:block;margin:0 0 5px !important;margin:0 0 3px;padding:0 5px;width:168px;height:22px;border:1px solid #e4eaec;background:#f7f7f7;line-height:1.6em}
.ol_idlabel {position:absolute;top:6px;left:5px;color:#333;font-size:0.95em}
#ol_pw {display:block;margin:0 0 5px !important;margin:0 0 3px;padding:0 5px;width:168px;height:22px;border:1px solid #e4eaec;background:#f7f7f7;vertical-align:top;line-height:1.6em}
.ol_pwlabel {position:absolute;top:35px;left:5px;color:#333;font-size:0.95em}
#auto_login {}
#auto_login_label {letter-spacing:-0.1em}
#ol_submit {display:inline-block;width:60px;height:24px;border:0;background:#333;color:#fff;font-size:0.9em;font-weight:bold;vertical-align:top}
#ol_before a {letter-spacing:-0.15em}
#ol_svc {float:left;margin:5px 0 0}
#ol_password_lost {display:inline-block;margin:0 0 0 5px}
#ol_auto {position:relative;float:right;margin:5px 0 0}
#ol_auto label {letter-spacing:-0.1em}
#ol_auto input {width:13px;height:13px;vertical-align:bottom}
#ol_after {}
#ol_after_hd {margin:0 0 3px}
#ol_after_hd .btn_admin {margin-top:5px;width:158px;text-align:center}
#ol_after_private {margin:0 0 3px;zoom:1}
#ol_after_private:after {display:block;visibility:hidden;clear:both;content:""}
#ol_after_private li {float:left}
#ol_after_private a {display:block;padding-top:8px;height:37px;background:#f7f7f7;text-align:center}
#ol_after_private a strong {display:block;padding-top:3px;color:#000;font-weight:normal}
#ol_after_private a:focus,
#ol_after_private a:hover {background:#333;color:#fff;text-decoration:none}
#ol_after_private a:focus strong,
#ol_after_private a:hover strong {color:#fff;text-decoration:none}
#ol_after_memo {width:50px;margin-right:1px}
#ol_after_pt {width:80px;margin-right:1px}
#ol_after_scrap {width:48px;line-height:2.6em !important}
#ol_after_ft {text-align:center}
#ol_after_ft a {display:inline-block;width:88px;height:25px;background:#333;color:#fff;text-align:center;line-height:2.2em}
#ol_after_ft a:focus, #ol_after_ft a:hover {text-decoration:none !important}
소스가 이렇게 있는데 어떤건지 모르겠어요 ㅠㅠ
30번 줄에
#ol_after_hd .btn_admin {margin-top:5px;width:158px;text-align:center}
이소스가 있거든요
수정을 해보니 정보수정 로그아웃 버튼은 줄어드는데 위에 쪽지 스크랩 메뉴는 이상하게 나와서 다시 원상복구 시켰어요
/* 아웃로그인 스킨 */
.ol {position:relative;padding:14px 9px;margin-bottom:10px;border:1px solid #dfdfdf}
.ol h2 {margin:0;padding:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
.ol ul {margin:0;padding:0;list-style:none}
.ol a.btn_admin {display:inline-block;padding:0 11px;height:25px;background:#e8180c;color:#fff;text-decoration:none;line-height:2.2em;vertical-align:middle} /* 관리자 전용 버튼 */
.ol a.btn_admin:focus, .ol a.btn_admin:hover {text-decoration:none}
#ol_before {}
#ol_before fieldset {position:relative}
#ol_id {display:block;margin:0 0 5px !important;margin:0 0 3px;padding:0 5px;width:168px;height:22px;border:1px solid #e4eaec;background:#f7f7f7;line-height:1.6em}
.ol_idlabel {position:absolute;top:6px;left:5px;color:#333;font-size:0.95em}
#ol_pw {display:block;margin:0 0 5px !important;margin:0 0 3px;padding:0 5px;width:168px;height:22px;border:1px solid #e4eaec;background:#f7f7f7;vertical-align:top;line-height:1.6em}
.ol_pwlabel {position:absolute;top:35px;left:5px;color:#333;font-size:0.95em}
#auto_login {}
#auto_login_label {letter-spacing:-0.1em}
#ol_submit {display:inline-block;width:60px;height:24px;border:0;background:#333;color:#fff;font-size:0.9em;font-weight:bold;vertical-align:top}
#ol_before a {letter-spacing:-0.15em}
#ol_svc {float:left;margin:5px 0 0}
#ol_password_lost {display:inline-block;margin:0 0 0 5px}
#ol_auto {position:relative;float:right;margin:5px 0 0}
#ol_auto label {letter-spacing:-0.1em}
#ol_auto input {width:13px;height:13px;vertical-align:bottom}
#ol_after {}
#ol_after_hd {margin:0 0 3px}
#ol_after_hd .btn_admin {margin-top:5px;width:158px;text-align:center}
#ol_after_private {margin:0 0 3px;zoom:1}
#ol_after_private:after {display:block;visibility:hidden;clear:both;content:""}
#ol_after_private li {float:left}
#ol_after_private a {display:block;padding-top:8px;width:57px;height:37px;background:#f7f7f7;text-align:center}
#ol_after_private a strong {display:block;padding-top:3px;color:#000;font-weight:normal}
#ol_after_private a:focus,
#ol_after_private a:hover {background:#333;color:#fff;text-decoration:none}
#ol_after_private a:focus strong,
#ol_after_private a:hover strong {color:#fff;text-decoration:none}
#ol_after_memo {width:50px;margin-right:1px}
#ol_after_pt {width:80px;margin-right:1px}
#ol_after_scrap {width:48px;line-height:2.6em !important}
#ol_after_ft {text-align:center}
#ol_after_ft a {display:inline-block;width:50%;height:25px;background:#333;color:#fff;text-align:center;line-height:2.2em}
#ol_after_ft a:focus, #ol_after_ft a:hover {text-decoration:none !important}
이렇게 수정 하세요.
메인페이지만 그렇니 메인센터 레이아웃을 좀 조절을 해보시던지요.
그렇면....
메인 index.php 소스 좀 보여 줘보세요
<?php
define('_INDEX_', true);
include_once('./_common.php');
if(G5_IS_MOBILE) {
include_once(G5_MOBILE_PATH.'/index.php');
return;
}
include_once(G5_PATH.'/head.php');
?>
<table class="wfull">
<tr>
<td class="vat w200">
<?php
@include_once(G5_LAYOUT_PATH.'/layout_left.php');
?>
</td>
<td class="vat padl10">
<?php
@include_once(G5_LAYOUT_PATH.'/layout_content_head.php');
?>
<?php
if($config['cf_content_type'] == 1) // 1단 구성
@include_once(G5_LAYOUT_PATH.'/layout_content.php');
else { // 2단 구성
?>
<table class="wfull">
<tr>
<td class="vat" width="283">
<?php
@include_once(G5_LAYOUT_PATH.'/layout_content.php');
?>
</td>
<td class="vat" width="10"></td>
<td class="vat" width="283">
<?php
@include_once(G5_LAYOUT_PATH.'/layout_content2.php');
?>
</td>
</tr>
</table>
<?php } ?>
<?php
@include_once(G5_LAYOUT_PATH.'/layout_content_tail.php');
?>
</td>
<?php if($config['cf_layout_type']) { // 3단 레이아웃일때 ?>
<td class="vat w200 padl10">
<?php
@include_once(G5_LAYOUT_PATH.'/layout_right.php');
?>
</td>
<?php } ?>
</tr>
</table>
<?php
include_once(G5_PATH.'/tail.php');
?>
이렇게 되어 있어요
css 파일 에서
class="wfull"
class="vat"
두 클래스 요소 속성을 보여 줘보세요
아니면
여기서 다음과 같이 수정해 보실수 있습니다. 않맞다면 조금더 w220 으로좀더 줘보시구요
<table class="wfull">
<tr>
<td class="vat w210">
<?php
@include_once(G5_LAYOUT_PATH.'/layout_left.php');
?>
문제는 해결 하였습니다. 들레아빠님 도움으로 해결 되었습니다. 도움 주셔서 감사합니다.
네 로그스킨 css 스타일에서 해결하셨군요 수고하셨습니다. ^
