BioHackersNet[CSS]기반의 WebDesign 레이아웃을 할 때, 다양한 웹브라우저들을 만족시키기 위한 방법들
div 배경이미지표시
#menu-top {
background: transparent url('/moin/temp/img/bg02-white-right.png') no-repeat right top;
/* if it is not woking in IE insert follow line */
}
* html #menu-top { height: 1%; }
IE Box Model Problem
박스가 실제 표시되는 크기는,
- 일반 브라우저 : 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 */
}