Solve IE6 overflow Redundant text iebug a variety of methods

Source: Internet
Author: User
Tags comments error code

The following to do their own summary after finishing:
Programme 1:
Cause: Most of these things are related to floating. [usually solved with this solution]
Solution Idea:
Check to see if the container (such as DIV) is useful to float, and whether the current float is necessary or not, and if it can be achieved without floating, the float will be removed. Or, add a "clear:both" to clear the float. (such as absolute positioning and floating these attributes, generally can not be used, as for why I do not say, I am entirely based on the feeling of doing things, the facts confirm that I do is accurate)
Programme 2:
Reason: Check to see if any comments are added to the code.
Solution Idea:
If your code contains comments, you can try to remove the comments and see if they appear correctly.
(because there was a time when I had encountered such a situation, so that I have been so far not afraid to write comments in the code)
Another interesting thing is that if the bug is really caused by a comment statement, then each additional comment statement, the interface will have an overflow text. You get a formula: Overflow text = comment Bar number X 2-1 (regardless of whether the text is in Chinese or English) when the word overflow is more than the total number of words, the text block will disappear.
Today in Baidu found another way to write a note, you can write a note, and will avoid this situation again and again the two ways: error code system
can use IE annotation, syntax is:;
The second solution is to write the annotation statement inside the DIV container;
Programme 3:
Reason: If the code is in the form form, check to see if the form contains hidden tags.
Solution Idea:
If the form contains hidden tags, you need to label the hiddent tag plus the
Let's wrap it up. (Detailed reason is not very understanding, only know hidden tags can not directly in the form to show (Li Xian), if you can not solve this IE6 bug, may wish to apply the next Test (Shi _bu Fang Tao Yong Xia) test)
Programme 4:
Reason: Use div to wrap text one layer.
Solution Idea:
When the text area is covered with a div layer, it's amazing to see that the extra text is reduced in one. But this kind of practice is extremely stupid, the typical symptom is not the cure. Not recommended.
Programme 5:
Reason: After the text area is added '
' or spaces.
Solution Idea:
By adding line breaks and spaces in the text area will also solve the problem of not displaying redundant text, but again, this solution does not solve the problem fundamentally, because it overflows not the text but the newline character or the spaces, so as long as the interface typesetting has no effect to see too.
Programme 6:
Reason: Add the ' prostion:relative ' attribute to the text area.
Solution Idea:
This iebug is also resolved by setting the prostion to the container.
Programme 7:
Reason: The container for the floating text area has a fixed width set.
Solution Idea:
Removing the fixed width will be a good solution to this IE Bug.
Programme 8:
Reason: IE6 3px Bug.
Solution Idea:
-3px the container to a fixed width; or set margin-right:-3px; This bug will also be resolved. (It is necessary to focus on whether changing the width will
Influence to typesetting)

To sum up, no matter what method we use, but in the end CSS commonly used commands are defined here, so we use a tool that we do not only use but also be flexible to run.

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.