일반적인 CSS hack 코드

하나.코드 리셋: 브라우저마다 기본값이 다르기 때문에 리셋 코드로 기본값을 0으로 높이는 것이 필요하다.

  
  
  
  
  1. body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { 
  2. margin: 0; 
  3. padding: 0; 

둘.clearfix: 외부 용기로 DIV가 있다면 내부 DIV에float 스타일이 설정되어 있으면 외부 용기 DIV는 내부에clear가 없기 때문에 펼칠 수 없습니다.다음 코드로 해결할 수 있습니다.

  
  
  
  
  1. .clearfix:after{ 
  2.     content:"."; 
  3.     display:block; 
  4.     height:0; 
  5.     clear:both; 
  6.     visibility:hidden; 
  7.  
  8. * html .clearfix{ 
  9.     height:1%; 

셋.ie6은position:fixed를 지원하지 않습니다.의 BUG

  
  
  
  
  1. /*  IE6  */ 
  2. .ie6fixedTL{position:fixed;left:0;top:0} 
  3. .ie6fixedBR{position:fixed;right:0;bottom:0} 
  4. /* IE6  */ 
  5. /*  IE6 bug */ 
  6. * html,* html body{background-image:url(about:blank);background-attachment:fixed} 
  7. * html .ie6fixedTL{position:absolute;left:expression(eval(document.documentElement.scrollLeft));top:expression(eval(document.documentElement.scrollTop))} 
  8. * html .ie6fixedBR{position:absolute;left:expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)-(parseInt(this.currentStyle.marginLeft,10)||0)-(parseInt(this.currentStyle.marginRight,10)||0));top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)))} 

넷.ie6는 max-width, max-height,min-width,min-height의 BUG를 지원하지 않습니다.
 

  
  
  
  
  1. _width:expression((documentElement.clientWidth < 500) ? "500px" : "auto" );// min-width 
  2. _width:expression((documentElement.clientWidth >500) ? "500px" : "auto" );// max-width 
  3. _height:expression((documentElement.clientHeight<500) ? "500px" :"auto");// min-height 
  4. _height:expression((documentElement.clientHeight>500) ? "500px" :"auto");// max-height 

좋은 웹페이지 즐겨찾기