Internet Explorer 6 overflow redundant text solution

Source: Internet
Author: User
Tags error code


Solution 1:
Cause: The vast majority of such cases are related to floating. [This solution is usually used]
Solution:
Check whether the container (such as DIV) in this case is useful to float and whether it is necessary to apply the current float. If it can achieve the effect even if it does not need to float, the float will be removed. Or, add "Clear: both" to Clear the float. (Attributes such as absolute positioning and floating are generally not needed if they are not needed. As for the reason why I cannot say it, I simply think it is correct to do things)
Solution 2:
Cause: Check for comments added in the code.
Solution:
If the code contains comments, you can try to see if the comments will be displayed normally after they are deleted.
(I have encountered such a situation once, so I have not dared to write comments in the code until now)
Another interesting thing is that if this Bug is caused by a comment statement, every time a comment statement is added, an extra overflow text will appear on the interface. Then we get a formula: Overflow text = number of comments X 2-1 (whether or not the text is in Chinese or English). When the overflow word count is greater than the total word count, the text block disappears.
Today, Baidu found another method for writing comments, which can be used to both write comments and avoid re-occurrence of this situation: error code system
You can use IE annotations. The syntax is :;
The second solution is to write the comment statement in the Div container;
Solution 3:
Cause: if the code is in the form, check whether the form contains the Hidden tag.
Solution:
If the form contains the hidden tag, you must add a pair to the hiddent tag.
To wrap it. (I am not very familiar with the details. I only know that the hidden tag cannot be displayed directly in form (li xian). If this IE6 Bug cannot be solved, try the following (shi _ bu fang tao yong xia shi)
Solution 4:
Cause: use Div to wrap the text layer by layer.
Solution:
When we wrap the text area with a DIV layer, we are surprised to find that the redundant text is also reduced one by one. However, this approach is super stupid, and the typical cure is not a cure. Not recommended.
Solution 5:
Cause: add 'after the text area'
'Or a space character.
Solution:
Adding line breaks and space characters after the text area solves the problem of not displaying redundant text. However, this solution cannot solve the problem fundamentally, because it overflows not text but line breaks or space characters, it cannot be seen as long as the UI layout is not affected.
Solution 6:
Cause: add the "Prostion: relative" attribute to the text area.
Solution:
Setting Prostion for containers also resolves this IEBug.
Solution 7:
Cause: containers in the floating text area have fixed width settings.
Solution:
Remove the fixed width to solve this IE Bug.
Solution 8:
Cause: IE6 3px Bug.
Solution:
Fix the Bug by setting the container to a fixed width of-3px or by setting margin-right:-3px. (Whether the width is changed

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.