수다닷컴

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

여백줄때 padding보다는 margin 주는게 좋을까요?

누리봄

2023.04.01

width값을 정해서 가로폭을 고정시킨블록의 경우

익스플로러랑 파이어폭스/크롬/사파리랑 padding,border 수치를 계산하는게 다르다고 알고있습니다.
익스플로러는 padding,border값을 줘도 width값이 변하지 않는데,
파이어폭스에서는 padding,border값을 주면 width값도 그만큼 증가되는걸로 알고있습니다.

그러면 width값이 고정된 블록의 경우 padding보다는 margin을 주로 사용해주는게 맞는 방법인가요?
초보다보니 이런게 좀 예매하네요...ㅠ.ㅠ

신청하기





COMMENT

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

  • 뽀글이

    네 f12누른담에 흰색 화살표 눌러서 보는거 맞죠? 그 상태에서 가로 세로 크기 못 보나요~?!

  • 사지타리우스

    켑쳐받아서 포토샵에서 ... ㅋ 아~ 그리고 IE8 부터는 f12누르면 나와요^^

  • 슬현

    근데 ie는 크기 어떻게 재나요? 크롬은 f12에서 돋보기 누르고 그냥 마우스 갖다 대면 크기 나오던데요

  • 딸기향

    아~ 그렇죠 보더값 더하면 122죠^^ ㅋ

  • 후예

    보더 값까지 122아닌가요?

  • 여우By

    div style=\width:100px; padding:0 10px; border:1px solid red;\내용/div
    이렇게 쓰고 6, 7, 8 파폭 사파리 크롬 다 확인했는데 120px로 나오는데 ;;;

  • 한

    아뇨 그렇지가 않아요
    IE6,7 에서는 100px을 잡아주게 되고
    그 외에서는 120px을 잡아주게 되요

  • 빵야

    네... 그건 아는데요^^
    좌우 padding 값을 주면 width에 padding 좌우 사이즈가 + 된 넓이가 나온다는 말이거덩요 ~~
    div style=\width:100px; padding:0 10px; border:1px solid red;\내용/div 이렇게 주면
    어떤 브라우져에서든 넓이가 120px로 나오는게 맞지 않나요?

  • 싴흐한세여니

    IE 에서의 박스렌더링과
    그외 브라우저의 박스렌더링이 달라요

  • 족장

    td인 경우말고 나머지 브라우져에서 padding left right는 당연히 넓이가 넓어지는거로 알고있는데 ...
    padding-left:10px; + width:100px; + padding-rjght:10px; = 120px 이게 맞지않나요?

번호 제 목 글쓴이 날짜
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
2695878 form을 이용한 다른 페이지로 넘기는 방법을 알려주세요 (1) 핫파랑 2025-05-24
2695844 저기 암호화 및 복호화 프로그램.. 만들어볼려는대 (2) 한빛 2025-05-24
2695814 [질문] PDA에서 애플릿이 가능한가요? (1) 봄시내 2025-05-24
2695785 웹 설정 도와줄분 화이트캣 2025-05-23
2695730 갑자기 기억이 안나는데 accesskey 속성.. 빛나라 2025-05-23
2695702 [질문] Java 버전 차이에 의한 오류?!! (2) 검사 2025-05-23
2695672 자바 임베디드 쪽으로 배우고 싶은데요..질문이요.. (1) 뽀그리 2025-05-22
2695647 헉! 이클립스(v3.1)에서 발생되는 널포인트 익셉션? ;;; (3) 아빠몬 2025-05-22
2695586 IFRAME 캐싱 질문 봄나비 2025-05-22
2695498 [질문]실행가능한 jar파일.. 정말 이해가 안가네요... ㅡㅜ;; 터1프한렩 2025-05-21
<<  이전  1 2 3 4 5 6 7 8 9 10  다음  >>

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