IE6 및 패드 모델

Question

나는 폭이 600px 인 상자가 있습니다. 20px의 패딩을 사용하여 텍스트가 왼쪽에 있고 상자가 다른 쪽 (사이드 바/내용)에 다른 플롯으로 표시됩니다 (사이드 바/내용) 다른 브라우저에서 6으로

를 정의와 좋은 컨텐츠 - 사이드 플레이는 모든 브라우저에서 ... 내용은 600 + 20, 마녀가 바닥에 sidebat을 밀어 수는 패딩을 어떻게 사용합니까

, 그 일을 참조 ie6 포함

미리 감사드립니다.

Answer 1

해킹을 자유롭게 사용하려면 밑줄 해킹을 사용하십시오.

_width: 560px; // targets ie6 only 

그렇지 않으면

는 래퍼 사업부를 추가하고 당신이 올바른 DOCTYPE 설정 한 말라 사업부

<div style="width: 600px"> 
    <div style="padding: 0 20px"> 
    bla bla 
    </div> 
</div> 

Answer 2

IE는 600px + 20px 왼쪽 여백 + 20px 오른쪽 여백 (브라우저에서 볼 수 있음)이 아닌 560px + 20px 왼쪽 여백 + 20px 오른쪽 여백을 600과 같게 표시합니다. 상자 모델의 기본 동작은 상자의 너비를 가져와 패딩과 여백을 추가하는 것입니다.

IE6을 대상으로하는 가장 좋은 방법은 조건부 주석 (http://css-tricks.com/how-to-create-an-ie-only-stylesheet/)을 사용하고 그 스타일 시트에서 상자 (너비 : 560px) 나는 당신이 마진을 가지고 있지 않다고 가정하고 있지만 만약 당신이 전체 너비에서 그것들을 뺄 필요가 있다면.