수다닷컴

  • 해외여행
    • 괌
    • 태국
    • 유럽
    • 일본
    • 필리핀
    • 미국
    • 중국
    • 기타여행
    • 싱가폴
  • 건강
    • 다이어트
    • 당뇨
    • 헬스
    • 건강음식
    • 건강기타
  • 컴퓨터
    • 프로그램 개발일반
    • C언어
    • 비주얼베이직
  • 결혼생활
    • 출산/육아
    • 결혼준비
    • 엄마이야기방
  • 일상생활
    • 면접
    • 취업
    • 진로선택
  • 교육
    • 교육일반
    • 아이교육
    • 토익
    • 해외연수
    • 영어
  • 취미생활
    • 음악
    • 자전거
    • 수영
    • 바이크
    • 축구
  • 기타
    • 강아지
    • 제주도여행
    • 국내여행
    • 기타일상
    • 애플
    • 휴대폰관련
  • 프로그램 개발일반
  • C언어
  • 비주얼베이직

IE에서 콘텐츠가 겹쳐서 보임. 새로고침하면 잘나옴. 이런 현상 겪으신분?

맞손질

2023.04.01

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; }

이것만 봐서 뭘 알겠냐마는 혹시나 같은 경험 있으신 분 경험담 부탁드리겠습니다.

신청하기





COMMENT

댓글을 입력해주세요. 비속어와 욕설은 삼가해주세요.

  • 도란도란

    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-;

번호 제 목 글쓴이 날짜
2701177 css적용이 안되요~ (6) 다니엘 2025-07-11
2701151 사이트작업시 inputbox 가 readonly 형태표시 어떻게 하시나요? (1) 찬내 2025-07-11
2701123 간단한 select 질문입니다 (3) 천사의눈물 2025-07-11
2701061 비베질문.. 똘끼 2025-07-10
2701034 메일폼 내 script 삽입가능한 방법 없을까요.. (2) 마음새 2025-07-10
2701008 분명히 버튼을 만들었는데 액션이 안걸립니다. (3) 재찬 2025-07-10
2700923 전체중앙정렬&독타입&쿼크모드 ㅜㅠ (8) 푸른들 2025-07-09
2700893 질문드리겠습니다. 도도한 2025-07-09
2700793 무비클립에 마우스 오버시 랜덤으로 효과음 나기는 어떻게 ;; (1) 바닐라 2025-07-08
2700741 웹전송? (2) 연와인 2025-07-07
2700686 카테고리 호버시 세부카테고리 보이게하는 것, css로만 가능할까요?? (3) 다힘 2025-07-07
2700658 메타태그 질문드립니다..ㅠㅠ;;; 모해 2025-07-07
2700632 외부에서 이미지 파일을 불러와야 합니다. 도와주세요. (4) 에일린 2025-07-06
2700579 (air + as3) smtp 이용해서 첨부파일 포함해서 메일 보내기 물보라 2025-07-06
2700524 클릭시 밑에 메뉴 나오게 (4) 새솔 2025-07-05
2700505 activex를 비쥬얼6.0으로 만들었는데요 비스타 배포시에 안되서 질문드립니다 (3) 참이 2025-07-05
2700452 c언어에서... 자료형 구분.... (3) 시내 2025-07-05
2700422 버전에 관해 질문 라온제나 2025-07-04
2700393 mysql이 갑자기!!!!!!!!!!!!!!!에러가;; (2) 소미 2025-07-04
2700359 3.0 ) SimpleButton 상태 강제 변경 (3) 희선 2025-07-04
<<  이전  1 2 3 4 5 6 7 8 9 10  다음  >>

수다닷컴 | 여러분과 함께하는 수다토크 커뮤니티 수다닷컴에 오신것을 환영합니다.
사업자등록번호 : 117-07-92748 상호 : 진달래여행사 대표자 : 명현재 서울시 강서구 방화동 890번지 푸르지오 107동 306호
copyright 2011 게시글 삭제 및 기타 문의 : clairacademy@naver.com