css+div与主流浏览器的兼容性问题（Compatibility issues between css+div and mainstream browsers）.doc

css+div与主流浏览器的兼容性问题（Compatibility issues between css+div and mainstream browsers） 2011-03-12 21:48 css+div compatibility with mainstream browsers 1 for Firefox IE6 IE7s CSS Style Now, most of them are compatible with important, and the IE6 and Firefox tests can be displayed properly, but IE7 is right. Important can be interpreted correctly, which will cause the page to not display as requested! To find a good compatibility for IE7 is to use *+html, now browse with IE7, there should be no problem, now write a CSS can be like this: #1 {color: #333} * HTML #1 {color: #666} *+html #1 {color: #999} Then, under Firefox, font color is displayed as #333, under IE6, font color is displayed as #666, and font color is displayed as IE7 under #999. The centering problem in the 2 CSS layout The main style definition is as follows: Body {TEXT-ALIGN: center;} #center {MARGIN-RIGHT: Auto; MARGIN-LEFT: Auto;} Explain： First, define the TEXT-ALIGN: center in the parent element; this means that the content in the parent element is centered; for IE, the setting is already available. But not centered in mozilla. The solution is to set the child element definition with the MARGIN-RIGHT: Auto; MARGIN-LEFT: auto; That is, if you want to use this method to make the page to center, not set in a DIV, you can turn down a number of div, as long as the definition of MARGIN-RIGHT: Auto in each div MARGIN-LEFT: auto down; can. The 3 box model is different #box{ Width:600px; //for ie6.0- w\idth:500px; //for ff+ie6.0 } #box{ Width:600px! Important! //for FF Width:600px; //for ff+ie6.0 Width: 500px; //for ie6.0- } 4 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, inline two elements, characteristics of Block elements is: always start on a new line, height, width, line height, margins can control (element); characteristics of Inline elements is: and other elements