수다닷컴

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

파이어폭스 margin-top관련 질문이요..

든해솔

2023.04.01

firefox
ie

소스
!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN http://www.w3.org/TR/html4/loose.dtd
html
head
title New Document /title
style
body,div{margin:0; padding:0;color:#ffffff;font-size:11px;text-align:center;}
.wrap{width:210px;}
.div1{width:100%;background-color:#99ccff;margin-bottom:10px}
.div1:after{content:; display:block; clear:both;}
.div1_1{width:145px; height:14px; float:left; background-color:#cc66ff;}
.div1_2{width:45px; height:14px; float:right; background-color:#8080ff;}
.div2{width:210px; height:120px; background-color:#cc0066; }
/style
/head
body
div class=wrap
div class=div1
div class=div1_1div1_1/div
div class=div1_2div1_2/div
/div
div class=div2div2div
/div
/body
/html
왼쪽이 firefox, 오른쪽이 ie인데요
파이어폭스에서div2에margin-top을 줄 경우, 감싸는 부모에게도 margin-top이 적용되더라구요
div1에 height값을 주거나, overflow:hidden, 안그럼 div2에 margin-top 대신 div1에padding-bottom 값을 주면 해결이 되긴 하는데
왜 이런 문제가 발생하는지 궁금해요 ㅠㅠ float 때문인 것 같은데 뭐가 잘못됬는지 ㅠㅠㅠ

하코사 고수님들 부탁드릴게요

신청하기





COMMENT

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

번호 제 목 글쓴이 날짜
2696792 Doctype 문의 떠나간그녀 2025-06-02
2696683 컴파일된 클립 질문 드립니다. 흰추위 2025-06-01
2696656 C질문요 (4) 블랙캣 2025-05-31
2696504 플래시 위에 div 올리기 (5) 큰꽃늘 2025-05-30
2696458 제가 만든 소스 한번 봐주시고 수정 할 꺼 있으면 말해주세요. (실행은 되지만 깜빡거리네요) 이플 2025-05-29
2696434 퍼센트 레이아웃 질문인데요.. 나츠 2025-05-29
2696372 %=open_main%, %=open_sub% 가 뭘까요? (9) 행복녀 2025-05-29
2696347 콘솔 프로그램 질문 상큼한캔디 2025-05-28
2696320 c언어 scanf 함수를 이요해 문자열 입력 받을 시 질문 있습니다. 슬아라 2025-05-28
2696292 익스플로러9이상에서만 이상한 보더가 보이는데 삭제할수 있나요? 망고 2025-05-28
2696263 프로그래밍 공부시작 질문 (6) 진이 2025-05-28
2696206 SK2의 플래시를 밴치마킹하려고하는데요.. (1) 비내리던날 2025-05-27
2696179 ie7에서 사라지지가 않네요. (2) 빛길 2025-05-27
2696150 div에 스크롤 생기게 하려면... (2) 에드가 2025-05-27
2696123 자료구조론 공부중인데 김자영 2025-05-26
2696094 exe 파일 제철 2025-05-26
2696043 제이쿼리 .scroll() 관련 질문드립니다 이거이름임 2025-05-26
2695984 마크업상으로 하단에 있으나 우선적으로 이미지파일을 다운로드받는 방법 (1) 들꿈 2025-05-25
2695934 tr 속성값 (9) 새 2025-05-25
2695905 ASP로 개발됐을 때 css가 달라져요 ㅠㅠ (4) 슬아라 2025-05-24
<<  이전  1 2 3 4 5 6 7 8 9 10  다음  >>

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