여러분 input 의 크로스브라우징은 어떻게하시나요?
꼼지
제가 초보라 잘몰라서요 input 에 있는 text , radio , checkbox 이부분은 ie6,7,8 크롬,파폭,사파리 에 패딩 먹는게틀리더라고요
그래서 input type=text 부분은 높이값을 지정해주어서 맞추는데염 이것도 한계가있고, radio 나 checkbox 는
브라우저마다 다정확히 안나오더라고여. 그냥 심하지않은거는 그냥넘겼는데 왠지 완벽히해보고싶은데 여러분들은
어떻게 해결하시는지 도움을 얻고자 올려봤습니다. 여러분들은 어떻게 크로스브라우징 하시나요?
-
도손 2024-06-06
수다님 말씀이 맞는듯 하구요 . 참고로 input text 의 ie6,7 에서와 ie8의 1px차이는 input text에 float:left 로 해결할 수는 있습니다. 그렇게 하면 부모태그에 float을 해제시켜야겠죠? (overflow나 :after를 이용한 clear )
-
심플이 2024-06-06
냉 ㅋ 저도 그냥 맞추긴했는데 완벽히 맞추는걸 매번궁금했었는데 수다님이 해결해주셧네요 ㅎ
-
찬놀 2024-06-06
오...저두 이거 엄청 궁금했었는데...
-
푸른나무 2024-06-06
수다님 코신이군요^^
-
벚꽃 2024-06-06
radio checkbox 정말궁금했었는데염 감사드립니다 text 는 위아래 패딩간격 찾고있어여 ㅎ
찾으면 올릴게염~ -
민서 2024-06-06
radio와 checkbox는 width:13px;height:13px;vertical-align:middle 주면 맞습니다.
text는 height값을 주지 마시고 padding으로 위아래에 간격을 넣어주세요.
그리고 ie6과 ie7은 기본적으로 위치가 1px차이 납니다.
그런데 이거 검색해보셔도 나왔을거에요 ㅎ