홈페이지 로그인 박스 밀림 현상 문의
페이지 정보
작성자
본문
안녕하세요, 무료테마 감사히 사용 중입니다.
캡처 사진과 같이 로그인 박스가 갑자기 오른쪽으로 밀리는 현상이 발생했는데,
도통 원인을 모르겠습니다.
도움 부탁드립니다.
※사이트 주소: lifehq.co.kr
<section id="ol_before" class="ol">
<form name="foutlogin" action="<?php echo $outlogin_action_url ?>" onsubmit="return fhead_submit(this);" method="post" autocomplete="off">
<fieldset>
<div class="ol_wr">
<input type="hidden" name="url" value="<?php echo $outlogin_url ?>">
<label for="ol_id" id="ol_idlabel" class="sound_only">ID<strong>필수</strong></label>
<input type="text" id="ol_id" name="mb_id" required maxlength="20" placeholder="Tên đăng nhập(아이디)">
<label for="ol_pw" id="ol_pwlabel" class="sound_only">Password<strong>필수</strong></label>
<input type="password" name="mb_password" id="ol_pw" required maxlength="20" placeholder="Mật khẩu(비밀번호)">
<input type="submit" id="ol_submit" value="Login" class="btn_b02">
</div>
<div class="ol_auto_wr">
<div id="ol_auto">
<input type="checkbox" name="auto_login" value="1" id="auto_login">
<label for="auto_login" id="auto_login_label">Đăng nhập tự động(자동로그인)</label>
</div>
<div id="ol_svc">
<a href="<?php echo G5_BBS_URL ?>/register.php">Đăng Nhập(회원가입)</a>
<a href="<?php echo G5_BBS_URL ?>/password_lost.php" id="ol_password_lost">Tìm kiếm thông tin(정보찾기)</a>
</div>
</div>
<?php
// 소셜로그인 사용시 소셜로그인 버튼
@include_once(get_social_skin_path().'/social_outlogin.skin.1.php');
?>
</fieldset>
</form>
</section>
캡처 사진과 같이 로그인 박스가 갑자기 오른쪽으로 밀리는 현상이 발생했는데,
도통 원인을 모르겠습니다.
도움 부탁드립니다.
※사이트 주소: lifehq.co.kr
<section id="ol_before" class="ol">
<form name="foutlogin" action="<?php echo $outlogin_action_url ?>" onsubmit="return fhead_submit(this);" method="post" autocomplete="off">
<fieldset>
<div class="ol_wr">
<input type="hidden" name="url" value="<?php echo $outlogin_url ?>">
<label for="ol_id" id="ol_idlabel" class="sound_only">ID<strong>필수</strong></label>
<input type="text" id="ol_id" name="mb_id" required maxlength="20" placeholder="Tên đăng nhập(아이디)">
<label for="ol_pw" id="ol_pwlabel" class="sound_only">Password<strong>필수</strong></label>
<input type="password" name="mb_password" id="ol_pw" required maxlength="20" placeholder="Mật khẩu(비밀번호)">
<input type="submit" id="ol_submit" value="Login" class="btn_b02">
</div>
<div class="ol_auto_wr">
<div id="ol_auto">
<input type="checkbox" name="auto_login" value="1" id="auto_login">
<label for="auto_login" id="auto_login_label">Đăng nhập tự động(자동로그인)</label>
</div>
<div id="ol_svc">
<a href="<?php echo G5_BBS_URL ?>/register.php">Đăng Nhập(회원가입)</a>
<a href="<?php echo G5_BBS_URL ?>/password_lost.php" id="ol_password_lost">Tìm kiếm thông tin(정보찾기)</a>
</div>
</div>
<?php
// 소셜로그인 사용시 소셜로그인 버튼
@include_once(get_social_skin_path().'/social_outlogin.skin.1.php');
?>
</fieldset>
</form>
</section>
댓글목록
소프트존님의 댓글

이유는 모르겠습니다. 그누보드 버전 5.3 에서 사용이 가능한 테마라서요~
아무래도 스타일시트 영향을 받는것 같습니다.
테스트트 해보았으나 이렇게 사용하시면 일단 해결되실것으로 보여 집니다.
테마폴더/skin/outlogin/basic_v10/style.css 12번째줄 보시면 아래와 같이 되어 있습니다.
이 부분에 width : 250px 값을 하나 추가해주세요~
#ol_before .ol_wr {
position: relative;
border: 1px solid #b7bece;
margin-bottom: 5px;
width: 250px;
}
소프트존님의 댓글

같은 스타일 시트 18번째줄에서도 동일하게 값을 추가해주세요
#ol_auto {
float: left;
line-height: 20px;
width: 254px;
}
소프트존님의 댓글

수정되는 내용 보시고 적절하게 값을 수정해주시면 좋을것 같습니다.
수고하세요~
토트님의 댓글

수정 성공하였습니다. 감사합니다!!!!