여백줄때 padding보다는 margin 주는게 좋을까요?
누리봄
width값을 정해서 가로폭을 고정시킨블록의 경우
익스플로러랑 파이어폭스/크롬/사파리랑 padding,border 수치를 계산하는게 다르다고 알고있습니다.
익스플로러는 padding,border값을 줘도 width값이 변하지 않는데,
파이어폭스에서는 padding,border값을 주면 width값도 그만큼 증가되는걸로 알고있습니다.
그러면 width값이 고정된 블록의 경우 padding보다는 margin을 주로 사용해주는게 맞는 방법인가요?
초보다보니 이런게 좀 예매하네요...ㅠ.ㅠ
-
뽀글이
네 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 이게 맞지않나요?