모

크로스 브라우징 쉽게 하기!!

· 2013-04-19 (금) 10:58:37 · 5498 · 8
크로스 브라우징...

모든 브라우저에서 똑같이 보여야하는것이죠.

대부분 크로스브라우징이 잘 안되는건 같은 html tag라도 지정하지 않은 margin이나 padding의 기본값이 다르기 때문입니다!! (체크박스에 기본마진값이 있다니!!)

고로 크로스브라우징을 쉽게 하려면 문서작성에 사용한 html tag에 관해 모든 margin과 padding 값을 css 최상단에 0으로 선언 한 후 진행하면됩니다. (인풋 텍스트 height를 30px로 지정하면 항상 크롬에서 32px로 표기되었던 지난날 ㅠㅠ...기본 padding값이 들어있을줄이야...)

기본적인 사항이지만 스킨이라던지 홈페이지에서 일부분만 변경할 시 놓치는 부분이어서...

|

댓글 8개

2013-04-23 (화) 08:46:08
body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,blockquote,button{margin:0;padding:0;-webkit-text-size-adjust:none}
body,input,textarea,select,table,button{color:#000;font-family:'dotum','돋움','AppleGothic',sans-serif;font-size:100%;font-weight:normal;}
table {border-collapse:collapse; border-spacing:0;}
img,fieldset {border:0;}
img,input,select,textarea{vertical-align:top;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;}
strong {font-weight:bold;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
abbr,acronym {border:0;}

이런식으로 최상단에 먼저 css 정의하고 작업한다는 말이지요?ㅎ 감사합니다
css reset
2013-04-24 (수) 14:14:27
저도 css reset 강추~
맞는거 같아요 저두 css reset 파일 하나 만들어놓고 무조건 그거부터 집어넣구 코딩하니..편하더라구요 ㅋ
reset 파일은 하나씩 있어야 하고~ 허나 ..form 에서 padding값을 재조정할경우 크로스브라우징할때 머리아프다능.... width 값도 달라지고 머리아파요 ㅋ
2013-04-30 (화) 18:52:49
좋은 정보 감사합니다 .. 갈 길이 머네요 ㅋ
검색으로 찾아보니 css reset 하면 사이트성능이 저하된다는데 정말인가요?

http://www.cmsfactory.net/css-tutorial-css-reset
전 항상 리셋해서 작업하는데 그런건 모르겠네요
css 자체가 원래 크게 성능에 영향을 안주는데
만약에 성능이 저하된다고 해도 신경쓸 정도는 아니지 않을까요?
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

8,188건
+
제목 글쓴이 날짜 조회
13-06-19 조회 8,357
13-06-18 조회 4,923
13-06-17 조회 6,102
13-06-17 조회 3,870
13-06-16 조회 6,177
13-06-15 조회 1.4만
13-06-15 조회 8,891
13-06-15 조회 3,892
13-06-15 조회 3,557
13-06-14 조회 4,781
13-06-14 조회 4,471
13-06-14 조회 3,215
13-06-13 조회 4,128
13-06-13 조회 5,581
13-06-11 조회 3,629
13-06-06 조회 5,303
13-06-05 조회 4,076
13-06-05 조회 3,539
13-06-05 조회 4,285
13-06-04 조회 3,674
13-06-04 조회 6,083
13-05-31 조회 4,798
13-05-30 조회 5,849
13-05-29 조회 4,616
13-05-27 조회 3,945
13-05-24 조회 4,455
13-05-23 조회 5,716
13-05-22 조회 5,442
13-05-21 조회 3,923
13-05-21 조회 4,959
13-05-21 조회 4,490
13-05-21 조회 3,530
13-05-21 조회 4,843
13-05-20 조회 6,614
13-05-20 조회 5,986
13-05-20 조회 4,445
13-05-19 조회 1.1만
13-05-18 조회 5,478
13-05-18 조회 5,610
13-05-18 조회 4,701
13-05-18 조회 6,439
13-05-17 조회 4,420
13-05-14 조회 4,050
13-05-14 조회 4,757
13-05-12 조회 4,358
13-05-11 조회 4,791
13-05-10 조회 4,337
13-05-10 조회 4,561
13-05-10 조회 4,617
13-05-10 조회 3,973
13-05-10 조회 4,168
13-05-09 조회 8,272
13-05-08 조회 4,338
13-05-08 조회 3,600
13-05-08 조회 3,986
13-05-08 조회 5,201
13-05-07 조회 3,999
13-05-07 조회 4,280
13-05-06 조회 4,545
13-05-03 조회 3,900
13-05-03 조회 3,083
13-05-03 조회 4,483
13-05-03 조회 4,099
13-05-02 조회 1만
13-05-02 조회 4,835
13-05-01 조회 4,629
13-05-01 조회 4,794
13-04-29 조회 5,172
13-04-29 조회 3,296
13-04-27 조회 6,608
13-04-26 조회 4,276
13-04-26 조회 9,474
13-04-26 조회 3,899
13-04-22 조회 3,745
13-04-19 조회 3,590
13-04-19 조회 3,316
13-04-19 조회 5,499
13-04-19 조회 4,183
13-04-17 조회 4,432
13-04-16 조회 3,834
13-04-15 조회 5,439
13-04-15 조회 4,356
13-04-15 조회 3,116
13-04-13 조회 6,308
13-04-13 조회 3,739
13-04-12 조회 3,683
13-04-11 조회 3,843
13-04-10 조회 8,472
13-04-09 조회 3,992
13-04-08 조회 5,469
13-04-08 조회 4,851
13-04-08 조회 3,093
13-04-08 조회 5,622
13-04-07 조회 4,134
13-04-05 조회 4,206
13-04-05 조회 4,113
13-04-05 조회 5,996
13-04-05 조회 4,775
13-04-05 조회 6,433
13-04-05 조회 1.1만