css兼容性(ie和firefox)技巧大全（CSS compatibility (ie and Firefox) skills Daquan）.doc

css兼容性(ie和firefox)技巧大全（CSS compatibility (ie and Firefox) skills Daquan） CSS compatibility of the browser and sometimes make people very headache, perhaps when you learn the skills with principle, feel is not difficult, from the Internet to collect IE7,6 and Fireofx compatibility processing techniques and sorted out. For excessive Web2.0, please write the code in XHTML format as much as possible, and DOCTYPE affects CSS processing. As a standard for W3C, you must add a DOCTYPE declaration. CSS skills The vertical centering problem of 1.div Vertical-align:middle; increase the row spacing to as high as the DIV; line-height:200px; then insert the text and center vertically. The disadvantage is to control the content, not line feed 2., margin doubles The div set to float doubles in the margin setting under ie. This is a IE6 that exists in bug. The solution is to add display:inline to this div; Such as: #div id= imfloat The corresponding CSS is #imfloat{ Float:left; Margin:5px; under /*IE, understood as 10px*/ Display:inline; /*IE is understood as 5px*/} 3. double distance from floating IE #box{float:left; width:100px; margin:0 00 100px; / / this case will produce IE 200px from display:inline; / / ignore the floating} Here describe the block and inline characteristics of two elements: the block element is always begins on a new line, height, width, line height, margins can control (element); characteristics of Inline elements, and other elements in the same line, can not control (inline elements); #box{display:block; / / for an inline element simulation block element display:inline; / / diplay:table effect to achieve the same line arrangement; 4 IE with width and height issues IE does not recognize the definition of min-, but in practice it treats normal width and height as if there were min. Thats a big problem. If you use only the width and height, the two values in the normal browser wont change. If you only use min-width and min-height, the IE below simply doe