IE에서 콘텐츠가 겹쳐서 보임. 새로고침하면 잘나옴. 이런 현상 겪으신분?
맞손질
IE에서 콘텐츠가 겹쳐서 보임. 새로고침하면 잘나옴. 이런 현상 겪으신분?
처음에는 외부 css 파일을 제대로 못불러와서 생기는 현상인줄 알았으나, 다른 스타일은 적용된 상태이구요..
여기서는 목록 태그 (ul, li)의 스타일에서만이상하게 나오는데,
같은 스타일로 여러 사이트를 구축해봤으나 요번 프로젝트만 이 문제가 발생합니다.
위 콘텐츠는 h2제목, h3제목, ul목록, h3제목, ul목록 으로 구성되어 있고..
해당 스타일은 다음과 같습니다.
h2 { margin: 1.5em 0 1em 0; padding: 0 0 0 16px; background: url(/img/inc/h2bg.png) no-repeat 0 1px; color: #364FCD; }
h3 { margin: 1.34em 0 1em 0; padding: 0 0 0 16px; background: url(/img/inc/h3bg.png) no-repeat 0 1px; }
ul.bu {list-style: none; margin: 0; padding: 0 0 0.5em 0; background: #fff; text-align: left; }
ul.bu li { position: relative; margin: 0; padding: 0 0 0 1.2em; background: url(/img/inc/bu_li1.png) no-repeat 0 0.2em; }
이것만 봐서 뭘 알겠냐마는 혹시나 같은 경험 있으신 분 경험담 부탁드리겠습니다.
-
도란도란
ul.bu li { /* position: relative; */ ... } 해서 해결봤습니다. 답변주신분들 감사합니다.
-
스킬
overflow:hidden; 함 해보세요
-
벛꽃
em과 px등은 작업의 효율성을 보고 선택하시는게 가장좋습니다.
개발되는 사이트가 진짜 팝톱이나 그런데서 자주 사용되면 전체 em으로 할수밖에 없지만
그외의 데스크탑이나 일반 노트북이면 px로 해도 상관없을듯합니다. (이것도 머 제작자의 마음이겠지만)
효율성을 봐서 작업을 하시는게 좋습니다.
무작정 em이 좋다고 em만 할수 없는 노릇이니깐요
그렇다고 이도 저도 아니게 em했다가 px했다 font는 pt했다가 이건 춈;; (__;; -
돌심보
수다님 ul 에 높이를 주는건 아닌것 같고, 다른 콘텐츠 모두 높이를 주는 것두 이상합니다.
그리고, 저두 단위를 통일하고 싶은데, 1px 이런걸 .09em 이런식으로 표현하니 더 헷갈리더군요.
px을 계산기 두드려가며 일일이 em 단위로 바꾸는 것도 그렇구.. 무슨 좋은 방법이라도 있나요? -
은송이
높이를 줘보심이 ! ㄷㄷㄷ
여담이지만 em과 px등 여러수치의 조합은 후 작업자에게 혼란을 가져다 줄수있습니다. 가능하면 통일하는게 좋습니다 -0-;