button 크로스 브라우징 어떻게 하시나요?
뽀송뽀송
button type=buttonimg src=경로/button
브라우저별로 너무 차이가 크네요.. ie는 잘 나오지만. 사파리나 파폭은 마진이 크게 생겨요..
검색으로 http://naradesign.net/wp/2008/08/27/153/
알게 되었지만.. 읽어도.. 이건모.. 어떻게 핵을 쓰는건지 잘 모르겠구 해서..
이부분 해결해서 잘 사용하고 계신분이 있다면.. 흰트라도.. 좀...
알려주세요
-
도담
button { margin:0; padding:0; border:0; background-color:transparent; overflow:visible; }
전 reset에서 이렇게 기본값 정의해서 씁니다 ~_~ -
대나무
버튼 안쪽에 이미지나 텍스트를 줄경우 ie에서 비정상적으로 좌우 마진이 먹는경우가 있습니다.(말씀하신 상황과 반대의 얘기인것 같긴한대요...)
그래서 span으로 한번 감싸주신후에 이미지를 배경으로 까시고, width와 height를 주시는걸 추천해드립니다. ie에서는 overflow:visible을 주면 버튼 사이즈가 늘어나는걸 막을수 있습니다. -
시나브로
ie랑 크롬은 잘 되는데... 파폭이랑 사파리가... 좌우마진이 있네요 마진 0을 줘도 별 반응이 없구... 어떻게 해결해야할지 계속 검색중입니다.
-
주인님
잘되네요~ 홍홍..
button {
border:0 none;
background:none;
cursor:pointer;
letter-spacing:0;
vertical-align:middle;
margin:0;
padding:0;
font-size:0;
}
button span{display:none;}
이렇게주고
button type=\button\ class=\btn_viewdown\ title=\다운로드\span다운로드/span/butto -
한누리
버튼의 넓이와 높이를 안주신거같은데 넓이와 높이를 주시구요
display:inline; 이건 그냥 주신건가요?? 아님 의미가 잇어서 주신건가요??
없어도 상관 없을듯 하내요^^
참고로 img에도 마진과 패딩이 존재합니다-
저는 넓이 높이 bg주니 잘나오는데;; 한번더 확인해봐주시고 안되면 다시 덧글좀 부탁드릴께욤-
p.s/
확인사항-
body 도 마진과 패딩 빼셨죠???
부모객체 전부 css reset 하신거죠??
img css reset 하셨 -
샹1큼해
네 초기화 시켰는데요 마크업을
button type=\button\img src=\/images/btn_viewdown.png\ alt=\다운로드(보기)\ //button 이렇게 했구요
button {
border:0 none;
background:none;
cursor:pointer;
display:inline;
letter-spacing:0;
vertical-align:middle;
margin:0;
padding:0;
font-size:0
-
큰말
전체적으로 padding 과 margin 을 초기화 시키고 사용하시는건가요??
위에 올려주신 링크의 내용은 핵을 사용하는 방법인데 사용하지 않으셔도 브라우저는 맞출수 있습니다;
지금 글을 올려주신 내용으로는 전체적인 css reset 을 적용 안하고 사용하시는 상태인듯 싶내요^^