input type text, password 의 위치 차이 질문..
플랜
IE9에서 작업중입니다.
위 그림과 같이 input type을 text로 주었을때와, password로 주었을때 높이의 차이가 있습니다.
크롬, 사파리, 파폭, 오페라 같은 경우에는 두 컨트롤이 정상적으로보이는데,
정작 사용자의주사용 브라우저인 IE에서는 저렇게 보이네요.
vertical-align:-2px을 주면 IE에서 정상적으로 보이지만, 다른 브라우저에서 깨지구요..
두 컨트롤을 td로 구분하면 정상적으로 보이지만, 해당 부분에 하나의 td로 구성된 로그인 정보를 보여주려고 합니다.
td로 나누는 방법 외에다른 방법이 있을까요?
어렵네요... 코드는 대략 아래와 같습니다..
/* css */
.txt_mem_id{
background:url(img/titles/mem_id.png) no-repeat;
background-position:4px 4px;
border:1px solid #AAA;
width:105px;
height:20px;
}
.txt_mem_pw{
background:url(img/titles/mem_pw.png) no-repeat;
background-position:4px 4px;
border:1px solid #AAA;
width:115px;
height:20px;
}
/* html */
tr height=35px
td colspan=2
input type=text id=txt_mem_id class=txt_mem_id
input type=password id=txt_mem_pw class=txt_mem_pw
/td
td width=80px
input type=button id=mem_submit class=mem_submit style=background:url(img/btn/main_mem.png) no-repeat;width:80px;height:25px;border:0px;
/td
/tr
감사합니다.
