Mozilla 한국 커뮤니티

안녕하세요.

<div>에 padding속성을 주어서 여백을 만드려고 하는데,
FF에서는 padding을 주는만큼 div의 크기가 늘어나네요?
IE에서는 크기가 변하지 않고 여백이 생기던데..

IE와 같은 효과를 주려면 어떻게 해야 합니까?

ps. border 속성도 똑같은 문제가 발생하네요.. border-width만큼 div의 크기가 증가해 버리는...

Code: Select all

if ( ie )
{
  width=border+padding+inner width;
}
elseif ( firefox && web standard )
{
  width=inner width;
}

go to W3C homepage and find boxmodel.

problem solution
1.type document type.
2.do not input width value into html document.
use only padding and margin with css style.
3.use css hack.

Mozilla 한국 커뮤니티

padding 적용시 크기가 커지는 문제

padding 적용시 크기가 커지는 문제