버튼이 브라우저마다 다른데 왜그런걸까요?
에다
2023.04.01
로그인창 페이지인데
비밀번호와 아이디 입력하는 input옆으로 로그인 버튼이
익스처럼 나와하는데
크롬과 파이어폭스에서는 자꾸 너무 붙어보이게 나오네요 ㅠ
이건 왜그런걸까요 ㅠ
#wrap_inside2 .btn_ok{width:87px; margin-top:-2px; padding-left:20px; float:left;}
padding-left:20px; /margin-left:20px;을줘도 똑같네요ㅠ
-
착히
일단 브라우져별로 input에 대한 렌더링이 달라서 그런 것이므로 li의 넓이를 잡고 input의 넓이를 100%로 잡으면 길이는 똑같아 질 수는 있을꺼같은데 패딩이 들어간 관계로 100%를 주면 100% + 패딩의 좌우 픽셀이 추가로 되니
이런경우 li에 보더랑 패딩을 주시고 input의 보더랑 패딩을 빼면 눈에 보기엔 그럴싸하게 보일 것입니다.
참고로 input에 대한 해석은 7,8,9전부 다릅니다. -
예님
넓이 지정 문제인거 같습니다. input에다 넓이 170 주세요
-
2gether
전익스나 파이어폭스나 다 붙어서 보이는데요-0- 나만 그런건가.. 익스 8입니다... 그래서 margon-left:값을 변경하면 제대로 나오는데.. ㅜㅜ