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

[css질문]<input type=text>에 한글을쓰면 textbox가 움직이는데...

b1ack
프로필 보기이 회원 글보기
 · 13년 전 · 3008 · 3
여기다가 이런걸 질문해도 될지 모르겠는데..

증상은 제목에서 말했다시피 태그를 이용해서 textbox를 만들어놓고,
이곳에다가 "한글"을 쓸려고 하면 textbox가 살짝 아래로 움직입니다.

해당 증상은 IE8에서만 일어나고요.. 
해당사이트는.. 사정상 공개해드릴수는 없는데, 대충 여러가지 css 파일들이 링크가 되어 있는..(몇사람의 손을 거친.. 좀 난잡한 사이트거든요.. 현재 제손에 있죠..)

이 증상이 여러가지 css파일이 난잡하게 링크되어 있어서 일어나는거 같은데요..

정확히 어떤 css설정이.. 그런지를 모르겠네요..

혹시 이런 증상을 알고 계신분이 여기라면 있을거 같아서... 질문을 해봅니다.

css설정중에 IE8에서 inputbox에 한글을 쓰면 inputbox가 움직일만한게 있나요?

지푸라기 라도 상관없으니.. 좀 던져주시길 바래요... ㅠ.ㅠ

//-------------------------------추가사항
.... 한시간정도 css파일들 뒤지다가 글을 썼는데..
글쓰고 나서.. 다시 한번 살펴보다가.. 원인을 발견해버렸네요....ㅡ.ㅡ;
font-family: "tahoma","돋움", "돋움체";
tahoma라는 녀석이 무슨 글씨체인지 몰라도, input태그 관련 css애들중에, 저런게 있길래.. 혹시나 하고 지웠더니.. 그런증상이 안보이네요...

나름데로 input태그 관련 css정리도 하고 하면서 한시간을 보냈고, 이제 조금만 더 찾아서 해봤으면 발견했을것을..

그 조금을 못참고 질문을 올린게 부끄럽군요..

뭐.. 질문 올리면서 머리를 좀 식혔기에 보였을수도 있고.. 나름데로 한시간동안 정리한거 때문에 저것만 없애주면 된걸수도 있고.. 무튼.. 찾아내서 속은 시원하네요 ㅎㅎ

//-------------------------추가사항2
조금더 실험해본결과.. 지금 제가 다루고 있는 사이트가 아닌.. 깔끔한(?) 다른 소스에서는..

font-family: "tahoma"; 만으론.. 저런 증상이 일어나질 않더라구요..

뭐 한마디로.. 지금 제가 다루고 있는 사이트들의 여러가지 css파일들 링크라던가.. document type부분이라던가.. 다른 것도 충족되야 제가 겪은.. IE8에서, "한글"을 input태그에 쓸경우 input태그가 움직이는 증상이 일어나는거 같은데요..

오해가 없으시길 바랍니다. ^^;
목록
이전글 다음글

댓글 작성

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

로그인하기

댓글 3개

Americano
프로필 보기이 회원 글보기
 13년 전
tahoma 는 영문폰트용 글꼴이예요~
모조키
프로필 보기이 회원 글보기
 13년 전
input 태그에 붙어있는 클래스 추적해보세요.
aequum
프로필 보기이 회원 글보기
 13년 전
위에 americano님의 답변이 정답인데요. 아직도 해결안되신듯? 한글과 영문글꼴의 baseline에 차이가 있던가 해서 그렇습니다. font를 한글 먼저 사용하셔야 합니다. 영문이 먼저 선언된경우 서로 다른 2개의 글꼴을 동시에 쓰다보니 그렇게 됩니다.

게시글 목록

번호 제목
12413
PHP 테이블 셀 배경이미지 정렬하기 입니다.
12412
웹서버 포트별 Virtual Host 설정하기 입니다.
12411
JavaScript 실시간 카운트 다운 시계 입니다.
12410
jQuery jQuery, 이미지맵 마우스오버시 하이라이트 표시
12407
PHP 이미지가 없으면 나오는 X대신 다른이미지넣기 입니다. 2
12406
웹서버 가상호스트 무단링크 막기 입니다.
12405
웹서버 대량의 서브도메인 생성 DNS 아파치 설정하기 입니다.
12404
JavaScript 한번만 submit 되게 하기 입니다.
12403
JavaScript 영문자나 숫자만 입력 할 수 있게 하기 입니다.
12402
JavaScript 현재 페이지 이메일로 보내는 버튼 만들기 입니다.
12401
JavaScript 모바일웹에서 PC버전 링크
12400
JavaScript 특정 파일형태만 업로드 하기 입니다.
12399
JavaScript 입력 문자열 앞에 붙는 공백 제거하기 입니다.
12398
JavaScript 키보드 방향키로 창의 위치를 이동시키기 입니다.
12397
PHP 게시판 목록에서 원하는 데이터만 출력이 가능하게..
12396
MySQL mysql SELECT 결과값을 UPDATE하기
12395
JavaScript 키보드 눌러 이동하는 단축키 사용하기 입니다.
12394
JavaScript 책장을 넘기는 것같은 이미지 슬라이드 쇼 입니다.
12393
JavaScript 마우스를 대면 링크 이미지들을 보여주기 입니다.
12392
PHP pushbullet 푸시 발송
12391
MySQL 같은 컬럼의 행들을 한번에 UPDATE 하기
12390
JavaScript 이미지들을 보여주는 풀다운 콤보메뉴 입니다.
12389
JavaScript 부드럽게 오버랩되는 이미지 슬라이드 쇼 입니다.
12388
JavaScript 끊김없이 연속적으로 스크롤 되는 이미지 스크롤러 입니다.
12387
PHP php 주요 정리 입니다.
이전 다음
전체 목록