div css 兼容（DIV CSS兼容）.doc

div css 兼容（DIV CSS兼容） CSS compatibility points: DOCTYPE affects CSS processing FF: div sets margin-left, margin-right is auto, centered, IE not When FF: body sets text-align, div needs to set the margin: auto (mainly margin-left, margin-right) to be centered After FF: sets padding, div adds height and width, but IE doesnt, so it needs to be used. Important, set one more height and width FF: support, important, IE ignores, available. Important sets the style for FF in particular 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 Cursor: pointer can display cursor fingers in IE FF at the same time, and hand is only IE The 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 a and menubar to avoid the bottom display dislocation. If you do not have height, you can insert a space in menubar, XHTML+CSS compatibility solution set There are many advantages to using the XHTML+CSS framework, but there are problems, whether its because of unskilled or unclear thinking, Ill write down some of the problems Ive encountered. 1., the BOX model in Mozilla, Firefox, and IE explains inconsistencies that lead to a phase difference 2px solution: Div, CSS, XHTML, XML, Example, Source, Code, Example,, Source, Code, [] 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 explained like this: Div, CSS, XHTML, XML, Example, Source, Code, Example,, Source, Code, [] Div{maring:30px; margin:28px} Repeated definitions follow the last one, so you cant just write margin:XXpx! Important; The BOX interpretation of 2.IE5 and IE6 does not