ie6.0、ie7.0 与firefox css兼容的解决方法（IE6.0, IE7.0 and Firefox CSS compatible solutions）.doc

ie6.0、ie7.0 与firefox css兼容的解决方法（IE6.0, IE7.0 and Firefox CSS compatible solutions） IE6.0, IE7.0 and FireFox CSS compatible solutions 2009-04-29 14:51 1.DOCTYPE affects CSS processing 2.FF: div sets margin-left, margin-right is auto, centered, IE not When 3.FF: body sets text-align, div needs to set the margin: auto (mainly margin-left, margin-right) to be centered After 4.FF: sets padding, div adds height and width, but IE doesnt, so it needs to be used. Important, set one more height and width 5.FF: support, important, IE ignores, available. Important sets the style for FF in particular 6.divs vertical centering problem: vertical-align:middle; increases the row spacing to as high as the entire line-height:200px; DIV then inserts the text and centers vertically. The disadvantage is to control the content, not line feed 7.cursor: pointer can display cursor fingers in IE FF at the same time, and hand is only IE The 8.FF: link adds borders and background colors. You need to set display: block and set float: left to ensure no line breaks. Referring to menubar, set the height of the A and menubar to avoid the bottom display dislocation. If you do not have height, you can insert a space in the menubar. In 9. Mozilla Firefox and IE BOX model to explain the inconsistency due to difference of 2px solution: div{margin:30px! Important; margin:28px;} note that the order of the two margin must not write, according to hatier saying! The important property IE does not recognize, but other browsers can be identified. So, in IE, its actually interpreted like this: div{maring:30px; margin:28px} is repeated, and the definition is followed by the last one, so you cant just write margin:XXpx, important; The 11.ul tag defaults to padding in Mozilla, and in IE only margin has value, so first define ul{margin:0; padding:0} can solve most of the problems Matters needing attention： 1, floats div must be closed. For example: (the attribute of floatA and floatB is set to float:left); #div, id=