Compatibility and browser compatibility

Compatibility and browser compatibility

I. compatibility issues

In ie6, do not let the content width and height exceed the width and height we set, because the content will support the configured width and height.

Element floating in ie6, the width needs to be lifted, and the block elements inside will be added floating

In ie6, elements must be arranged in a row and must be set to float

The minimum height in ie6 is 19px. Solution: overflow: hidden

Do not use dotted (DOT) for borders)

In ie6, li is not floating, but the content is floating. Solution: li floating, and set the parent width

Child elements are relatively located and overflow. Parent-level overflow does not support child elements. Solution: Add relative positioning to the parent -- position: relative

When the parent width and height of the absolute positioning element are odd, the right and bottom values of the element will be 1 px different.

2. Solve the Problem of IE6 png-24Add the header to <script type = "text/javascript" src = "js/DD_belatedPNG_0.0.8a.js"> </script>. js: <script type = "text/javascript"> DD_belatedPNG.fix ('. img '); </script>