html:css:hacks

차이

문서의 선택한 두 판 사이의 차이를 보여줍니다.

차이 보기로 링크

--- html:css:hacks [2011/06/13 20:57]
kwon37xi 새로 만듦
+++ html:css:hacks [2012/02/09 21:29] (현재)
kwon37xi
@@ 줄 3: / 줄 3: @@
   * [[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?]]
+<code css>
+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;
+</code>

html/css/hacks.1307966258.txt.gz · 마지막으로 수정됨: 2011/06/13 20:57 저자 kwon37xi