<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
?>
<script type="text/javascript" language=JavaScript>
var bReset = true;
function chkReset(f)
{
    if (bReset) { if ( f.mb_id.value == '아이디' ) f.mb_id.value = ''; bReset = false; }
    document.getElementById("pw1").style.display = "none";
    document.getElementById("pw2").style.display = "";
}
</script>

<style type="text/css">
<!--
.style1 {font-size: 11px}
-->
</style>

<table width="175" border="0" align="center" cellpadding="0" cellspacing="0">
<form name="fhead" method="post" action="javascript:fhead_submit(document.fhead);" autocomplete="off">
<input type="hidden" name="url" value="<?=$urlencode?>">
  <tr>
    <td><img src="<?=$outlogin_skin_path?>/img/001.gif"></td>
  </tr>
  <tr>
    <td height="5" background="<?=$outlogin_skin_path?>/img/002.gif" bgcolor="#FFFFFF"></td>
  </tr>
  <tr>
    <td background="<?=$outlogin_skin_path?>/img/002.gif" bgcolor="#FFFFFF"><table width="175" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td height="16"> </td>
        <td colspan="2"><input name="mb_id" type="text" class=box1 size="13" maxlength="20" required itemname="아이디" value='아이디' onMouseOver='chkReset(this.form);' onFocus='chkReset(this.form);'></td>
        <td width="45" rowspan="3"><div align="center"><input type="image" src="<?=$outlogin_skin_path?>/img/004.gif" height="45"></div></td>
        <td> </td>
      </tr>
      <tr>
        <td height="2"></td>
        <td width="11" height="2"></td>
        <td width="95" height="2"></td>
        <td height="2"></td>
      </tr>
      <tr>
        <td width="12"> </td>
        <td colspan="2" valign="bottom"><table width="100%"  border="0" cellspacing="0" cellpadding="0">
  <tr>
      <td id=pw1 height="23" colspan="2" align="center"><input type="text" class=box1 size="13" maxlength="20" required itemname="패스워드" value='패스워드' onMouseOver='chkReset(this.form);' onfocus='chkReset(this.form);'></td>
      <td id=pw2 style='display:none;'  height="23" colspan="2" align="center"><input name="mb_password" type="password"  class=box1 size="13" maxlength="20" itemname="패스워드" onMouseOver='chkReset(this.form);' onfocus='chkReset(this.form);'></td>
  </tr>
</table>
        </td>
        <td width="12"> </td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td height="10" background="<?=$outlogin_skin_path?>/img/002.gif" bgcolor="#FFFFFF"></td>
  </tr>
  <tr>
    <td height="5" background="<?=$outlogin_skin_path?>/img/002.gif" bgcolor="#FFFFFF"><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td height="1"></td>
        <td height="1" colspan="2" background="<?=$outlogin_skin_path?>/img/005.gif"></td>
        <td height="1"></td>
      </tr>
      <tr>
        <td height="1"></td>
        <td height="1" colspan="2"></td>
        <td height="1"></td>
      </tr>
      <tr>
        <td height="1"> </td>
        <td height="1" colspan="2"><div align="right">
              <input type="checkbox" name="auto_login" value="1" onclick="if (this.checked) { if (confirm('자동로그인을 사용하시면 다음부터 회원아이디와 패스워드를 입력하실 필요가 없습니다.\n\n\공공장소에서는 개인정보가 유출될 수 있으니 사용을 자제하여 주십시오.\n\n자동로그인을 사용하시겠습니까?')) { this.checked = true; } else { this.checked = false; } }">
              <span class="style1">아이디 기억하기</span></div></td>
        <td height="1"></td>
      </tr>
      <tr>
        <td height="1"></td>
        <td height="1" colspan="2"></td>
        <td height="1"></td>
      </tr>
      <tr>
        <td width="12" height="1"> </td>
        <td height="1" colspan="2"><div align="center"><img src="<?=$outlogin_skin_path?>/img/006.gif" width="152" height="22"></div></td>
        <td width="12" height="1"></td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td><img src="<?=$outlogin_skin_path?>/img/003.gif"></td>
  </tr>
 
</table>
<script language="JavaScript">
function fhead_submit(f)
{
    if (!f.mb_id.value)
    {
        alert("회원아이디를 입력하십시오.");
        f.mb_id.focus();
        return;
    }

    if (document.getElementById('pw2').style.display!='none' && !f.mb_password.value)
    {
        alert("패스워드를 입력하십시오.");
        f.mb_password.focus();
        return;
    }

    f.action = "<?=$g4[bbs_path]?>/login_check.php";
    f.submit();
}
</script>

 

 

 

 

 

아웃 로그인창 만들고 있는데요..

로그인창을 보면, 처음에는 괜찮은데,

패스워드 창으로 마우스 커설르 가져가면,

패스워드 칸이 길어져요.

 

그리고 익스플로어에서 글자 크기를 크게랑 작게로 설정하면,

테이블이 꺠지는데, 이것을 어떻게 해결해야 할까요?