테스트 사이트 - 개발 중인 베타 버전입니다

로그인을 하면 로그인 박스가 이상하게 나와요 채택완료

kim7031 2년 전 조회 1,920

로그인을 하면 로그인 박스에 메뉴가 이상하게 보이는데 

도와주세요

 

 

정보수정 로그아웃 버튼이 이상하게 나옵니다.

메인화면에는 저렇게 나옵니다.

원본 소스를 그대로 덮어 씌웠는데도 이상하게 나오네요

도와주세요

 

 

아무 메뉴 들어가면 아래처럼 정상으로 나오고요

 

 

댓글을 작성하려면 로그인이 필요합니다.

답변 4개

채택된 답변
+20 포인트
들레아빠

/skin/outlogin/basic/style.css line 34 width:57px;

line 44 width:50%;

로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

k
kim7031
2년 전
들레아빠님 감사합니다. 아래 소스로 수정하니 제대로 나옵니다.채택 해드렸습니다.
들레아빠
2년 전
채택 감사 합니다.

댓글을 작성하려면 로그인이 필요합니다.

웅푸
2년 전

메인페이지만 그렇니 메인센터 레이아웃을 좀 조절을 해보시던지요.

그렇면....

메인 index.php 소스 좀 보여 줘보세요

로그인 후 평가할 수 있습니다

답변에 대한 댓글 4개

k
kim7031
2년 전
<?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');
?>

이렇게 되어 있어요
웅프
2년 전
css 파일 에서
class="wfull"
class="vat"

두 클래스 요소 속성을 보여 줘보세요


아니면
여기서 다음과 같이 수정해 보실수 있습니다. 않맞다면 조금더 w220 으로좀더 줘보시구요
<table class="wfull">
<tr>
<td class="vat w210">
<?php
@include_once(G5_LAYOUT_PATH.'/layout_left.php');
?>
k
kim7031
2년 전
문제는 해결 하였습니다. 들레아빠님 도움으로 해결 되었습니다. 도움 주셔서 감사합니다.
웅프
2년 전
네 로그스킨 css 스타일에서 해결하셨군요 수고하셨습니다. ^

댓글을 작성하려면 로그인이 필요합니다.

이미지 상으로만은 정확한 원인을 파악하기 힘듭니다. 최소한 소스코드나 url을 공유해주셔야 구체적인 답변을 받기 쉬우실거라 생각합니다.

 

대략적으로 css나 레이아웃의 문제일 가능성이 큽니다.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 4개

k
kim7031
2년 전
답변이 채택이 되어서 사이트 주소는 내립니다.
웹메이킹
2년 전
아웃로그인 스킨의 css 부분에 다음과 같이 추가해 보세요

기존 #ol_after_ft {text-align:center} 이 부분은 주석처리 한후 추가

[code]
#ol_after_ft {
display: inline-block; /* 기본 값은 block일 수 있으므로 inline-block으로 변경 */
float: right; /* 로그아웃을 오른쪽으로 이동 */
margin-top: 20px; /* 원하는 간격 설정 */
}
#ol_after_logout {
margin-top: -25px; /* 원래 위치로 이동 */
}
[/code]
k
kim7031
2년 전
/* 아웃로그인 스킨 */
.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}
이소스가 있거든요

수정을 해보니 정보수정 로그아웃 버튼은 줄어드는데 위에 쪽지 스크랩 메뉴는 이상하게 나와서 다시 원상복구 시켰어요
들레아빠
2년 전
[code]
/* 아웃로그인 스킨 */
.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}
[/code]
이렇게 수정 하세요.

댓글을 작성하려면 로그인이 필요합니다.

s
sinbi Expert
2년 전

증상 있는 페이지 주소를 남기셔야 답변 가능합니다.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

k
kim7031
2년 전
답변이 채택이 되어서 사이트 주소는 내립니다.
s
sinbi
2년 전
메인 경우 3단으로 하면서 본문쪽에 padding-left 값이 2번 들어가서 그렇네요.
전체너비를 10px 늘리거나 아래 코드를 상단에 추가하시면 해결되실 듯....
td {box-sizing:border-box;}

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인