[CSS]기반의 WebDesign 레이아웃을 할 때, InternetExplorer의 버그를 다루는 방법

박스의 전체 길이는,

  • 일반 브라우저 : width, padding, border 이 모두 합해진 크기.
  • IE : width 가 정해진 크기. (실제 width 는 padding, border를 뺀 크기)

코드예제

#sidebar {
    padding: 10px;
    border: 5px solid black;
    width: 230px; /* for IE */
    voice-family : "\"}"\";
    voice-family : inherit;
    width: 200px; /* original value for other browser */
}

html>body #sidebar {
    width: 200px; /* for opera */
}
web biohackers.net