IE6 Common Bugs and ie6bugs

Source: Internet
Author: User

IE6 Common Bugs and ie6bugs

1. IE6 weird parsing: Calculation of padding and border into width and height
Cause: Non-box model Parsing is caused by no document Declaration
Solution: add the Document declaration. <! Doctype html>

 

2. IE6 doubles the margin value when the block element, left and right float, and marin is set (bilateral distance)
Solution: display: inline

 

3. The following three types are actually the same bug, but they are not actually a bug. For example: parent label height 20, child tag 11, vertical center, 20-11 = 9,9 how do I divide the text above and below? IE6 will be different from others, so try to avoid it.

1) if the font size is odd, the border height is less than 1px.
Solution: Set the font size to an even number or line-height to an even number.
2) line-height, text vertical center deviation 1px
Solution: Use padding-top to center line-height, or add or subtract 1 to line-height.
3) 1px deviation is caused by the center of the parity value different from the width of the parent label.
Solution: if the parent label has an odd width, the Child label also uses an odd width. If the parent label has an even width, the Child label also uses an even width.

 

4. When the internal box model exceeds the parent level, the parent level is extended.
Solution: parent labels use overflow: hidden

 

5. line-height default line height bug
Solution: Set the line-height value.

 

6. There will be a small gap between line labels
Solution: float or structure side by side (poor readability, not recommended)

 

7. The label height cannot be less than 19px
Solution: overflow: hidden;

 

8. The left floating element margin-bottom is invalid.
Solution: Display and set the height or parent label. Set _ padding-bottom to replace the margin-bottom of the sub-label. Then, place a label to let the parent label float.
Margin-bottom, that is, (margin-bottom and float do not act on a tag at the same time)

 

9. img is added to the block element, and the bottom side is blank.

Solution: Set overflow: hidden as the parent; or img {display: block;} Or _ margin:-5px;

 

10. There will be spacing between li
Solution: float: left;

 

11. The block element contains text and right floating row elements, and the line element is wrapped
Solution: place the Row Element before the text in the block element.

 

12. left and bottom under position are misplaced.
Solution: Set the width and height for the parent relative layer or add * zoom: 1

 

13. If position is set in the child level, the parent level overflow is invalid.
Solution: Set position: relative for the parent

 


What are the bugs in IE6?

IE6 was once the most popular browser in the world and is also a controversial browser. It is incompatible with W3C and has no breakthrough in functions. Therefore, since the release of IE7, the market share has been declining. According to the reading data released by StatCounter, IE7 has a 41% market share in the international market, ranking first among Firefox 3's 24% market share, IE6's market share has fallen to 22%, which is already lower than Firefox. For more information, see moonlight blog.
Reference: www.william long.info/archives/1739.html

IE60 Script Error

I have encountered this problem, but now I have solved it.
The reason is that you must have completed the upgrade, but the upgrade is not complete, and it has been closely integrated with the system and cannot be uninstalled. The solution is to install all the updates.
Supplement: Download the rising star Kaka 6 (free of charge). All the IE patches can be listed separately, which is convenient for automatic upgrade and installation.

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.