====== 브라우저별 CSS Hack ====== IE 6 가 사라지면서 점점 안쓰게 되길... * [[http://techbug.tistory.com/117|CSS Hack(핵) 정리 및 IE6,7,FF3 CSS맞추기]] * [[http://www.nmindplus.com/2006/06/28/css-hack/|CSS핵(hack) 정리]] * [[http://www.maratz.com/blog/archives/2005/06/16/essentials-of-css-hacking-for-internet-explorer/|Essentials of CSS Hacking For Internet Explorer]] ====== Firefox Button/Input[type="submit"] 픽셀 뒤틀림 ====== FF 의 기본 CSS 때문에 button/input[type='submit'] 계열의 높이가 달라지는 문제가 있다. 이는 다음에서 해결책을 제시하고 있다. * [[http://christophzillgens.com/en/articles/equal-height-input-and-button-elements-in-firefox-and-safari|Christoph Zillgens: Equal height inputs and buttons]] * [[http://stackoverflow.com/questions/3184324/firefox-adds-an-extra-pixel-on-top-of-a-text-field-how-to-remove-it|css - Firefox adds an extra pixel on top of a text field, how to remove it?]] input[type="submit"]::-moz-focus-inner {border:0;} /* ff specific stuff, yuck*/ input[type="submit"]:focus {background:#333;} /* change accordingly depending on your button bg color, this fixes the focus problem when using keyboard to move betweenform elements */ /* for IE 8 */ display: block; position: relative; float: left;