B

★☆웹표준 질문 퀄리티 있게 하도록 할게요 ㅋㅋ☆★

· 13년 전 · 1190 · 4
sir.gif
<div id="login_area">
<h2 class="skip">로그인</h2>
<form id="foutlogin" method="post" action="<?php echo $g4['https_url'] ? "{$g4['https_url']}/{$g4['bbs']}" : $g4['bbs_path']; ?>/login_check.php">
<div>
<input type="hidden" name="url" value="<?php echo $outlogin_url?>" />
</div>

<div class="log01">
<label for="outlogin_mb_id">아이디</label>
<input type="text" id="outlogin_mb_id" name="mb_id" maxlength="20" class="box_input_id required alnum_" alt="아이디" value="<?php echo get_cookie("ck_mb_id");?>" />
</div>

<div class="log01">
<label for="outlogin_mb_password">열쇠글</label>
<input type="password" id="outlogin_mb_password" name="mb_password" class="box_input_pw required" maxlength="20" alt="열쇠글" />
</div>

<div class="log02">
<input type="image" src="<?php echo $outlogin_skin_path?>/img/btn_login.gif" id="submit_img" alt="로그인" class="btn_log" />
</div>

<div class="log03">
<input type="checkbox" name="auto_login" id="outlogin_auto_login" class="checkbox" value="1" />
<label for="outlogin_auto_login">자동로그인</label>
<?php if ($g4[https_url]) { ?><!-- <span class="bar">|</span><input type="checkbox" name="ssl_login" id="outlogin_ssl_login" class="checkbox" checked="checked" /> <label for="ssl_login">보안로그인</label> --><?php }?>
</div>
<div>
<span class="login_before"><a href="<?php echo "$g4[bbs_path]/password_lost.php"?>" class="win_password_lost" onclick="return false;">아이디 · 비밀번호찾기</a></span>
<span class="bar">|</span>
<span><a href="<?php echo "$g4[bbs_path]/register.php"?>" class="member_join">회원가입</a></span>
</div>
</form>
</div>



/* 로그인 */
#login_area {width:220px; height:100px; background:url(../skin/outlogin/basic/img/logintable.png);}
#login_area .boxinputid{ width:134px; height:18px; position:absolute; margin:9px 0 0 9px; border:1px solid #d4d4d4; }
#login_area .boxinputpw{ width:134px; height:18px; position:absolute; margin:35px 0 0 9px; border:1px solid #d4d4d4;}
#login_area .btn_log{position:absolute; margin:9px 0 0 151px;}
#login_area .jojojo{width:220px; border-bottom:1px solid #d4d4d4; position:absolute; margin:47px 0 0 0px;}
#login_area .member_join{position:absolute; margin:74px 0 0 9px; color:#343b43;}
#login_area .win_password_lost{position:absolute; margin:74px 0 0 60px; color:#f16060;}


쫌 ㅠㅠ 1픽셀 떨어진 이유을 알수있을까용? ㅠㅠ
장난으로 올린글이아니에용 ㅠㅠ 심각해요 ㅠㅠ 저에겐

첨부파일

sir.gif (17.1 KB)
0회 2012-06-01 07:47
|

댓글 4개

????

아무리 봐도 똑같구요, 뭐가 다르다는건지... 그림으로 봐선 알수가 없네요.

일단 DOCTYPE 을 DTD 로 선언 하셨나요?

IE 의 경우 quirks mode 인 경우 1px 차이가 생기는 경우가 있다네요....

저번날도 quirks mode 에서 가운데 정렬 안되신다고 하는 것 같던데...

굳이 그누보드4를 쓰셔야 한다면... 최소한 그누보드에 주석처리된 DOCTYPE 부터 DTD 로 바꾸시고 코딩하세요.
웹표준이구용 흐엉 ㅠㅠ
dtd 버전 입니당 ㅠㅠ
선언다되어있구용 ㅠㅠ
다른곳에 1센치에 오차도없는데요 ㅠㅠ 저 텍스트만 오차가 1픽셀 생겨용 ㅠㅠ
이메일로 필요한 css 파일 보내드렸어요.

브라우저의 default setting 을 다시 reset 하면 됩니다.
지나가면서 봐서 정확히는 모르겠지만, 어떤 문서에서 보니, IE와 크롬이 table이나 input 등에서 보이지 않는 테두리라도, '테두리를 포함하는가, 포함하지 않는가'의 개념의 차이가 있다고 본것 같습니다.

댓글 작성

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

로그인하기
🐛 버그신고