[css질문]<input type=text>에 한글을쓰면 textbox가 움직이는데... 정보
HTML [css질문]<input type=text>에 한글을쓰면 textbox가 움직이는데...
본문
여기다가 이런걸 질문해도 될지 모르겠는데..
증상은 제목에서 말했다시피 태그를 이용해서 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태그가 움직이는 증상이 일어나는거 같은데요..
오해가 없으시길 바랍니다. ^^;
추천
0
0
댓글 3개
tahoma 는 영문폰트용 글꼴이예요~
input 태그에 붙어있는 클래스 추적해보세요.
위에 americano님의 답변이 정답인데요. 아직도 해결안되신듯? 한글과 영문글꼴의 baseline에 차이가 있던가 해서 그렇습니다. font를 한글 먼저 사용하셔야 합니다. 영문이 먼저 선언된경우 서로 다른 2개의 글꼴을 동시에 쓰다보니 그렇게 됩니다.
