크롬 1px문제 및 body .. line-height
힘찬
안녕하세요..
익스플로러6을 먼저 보고 작업을 하고 있었는데,
크롬, 파이어폭스, 사파리등 여백이 생기더라구요..
그래서 자료를 찾아보던중 css리셋 소스를 찾아서 넣었더니 해결되었습니다..ㅎ
소스는 수정해서그대로 넣엇어용..
body{font:0.75em Gulim, 굴림, Dotum, 돋움, sans-serif;color:#777777;}
body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, fieldset, input, table, tr, th, td {margin:0;padding:0}
h1, h2, h3, h4, h5, h6{font-weight:normal;font-size:100%}
ul, ol, li{list-style:none}
fieldset, img{border:none}
그런데 이소스를 넣어도 크롬녀석은 1px이 떨어져있습니다..
문제가 무엇인가요? ㅠ;
두번째 문제로., 원래 바디를
body {margin: 0; padding:0; font-size: 0.75em; line-height:1.8em; font-family: dotum, sans-serif; color: #777777;}
이렇게 했었는데 ㅎ;
저렇게 바꾸고 나니 본문내용이 너무 다닥다닥 붙어서 line-height:1.8em; 부분을 다시 넣어봤는데
다시 이미지들이 벌어지네요 ㅋ;;
바디에 line-height:1.8em; 이걸 넣으면 안되나요? ㅠ;
그런데.. 리셋소스를 넣고나니 익스플로러6은 아예 스타일이 안먹네요..
뭐죠 ㄷㄷ
조언좀 부탁드립니다..
-
바나나맛사탕
감사합니다 ㅎㅎ line-height:100%은 안돼구 0으로 하니 되었어요 ㅋ
-
계획자
해당하는 부분의 li에 정확한 height를 주시고 line-height:100%를 부여해 보세요.
ie6에서 line-height땜시 li태그 사용할때 약간의 주의가 필요하긴 해요.. ㅡ.ㅡ;; -
유진공주
퀵메뉴부분으로 ul, li을 사용한부분입니다.
-
데빌의눈물
그 1px 여백이 어느 부분에서 생기는지를 먼저 말씀해 주시겠어요?
line-height는 인라인 요소들이 갖는 상하 공간을 말합니다 font-size의 배수 또는 px숫자가 되죠.
아.. font-size의 배수만큼 되는건 아니구요 font-size보다 2픽셀정도 더 큰 공간이 기본 100%가 됩니다. 참고하세요ㅣ -
황예
익스 6과 크롬 버전으로 css두개를 만드시고
css문서를 임폴트 시키셔서 크롬 버전을 아래 쪽에 넣어 캐스캐이딩 시키면 해결되지 않을까요?
그냥 생각나는대로 적어 봤는데 맞는 방법인가 모르겠네요 ^^;