網站首頁 網站建設 公司動態 行業新聞 案例展示 關于我們

文章內容

【IE6的瘋狂之四】IE6文字溢出BUG

日期:2013-12-13  來源:攀枝花惠康網絡公司


激發這種BUG有幾個前提

在IE6下使用浮動可能會呈現文字一再的情形.

在IE6下,浮動層之間有注釋文字的話,之前阿誰浮動層的內容文字就有可能遭遇一個“隱形”的復制,可是代碼里查看文字可并沒有多出來。

看個例子:

XML/HTML代碼
  1. <!DOCTYPE html PUBLIC ”-//W3C//DTD XHTML 1.0 Transitional//EN” ”http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
  2. <html xmlns=“http://www.w3.org/1999/xhtml”>
  3. <head>
  4. <meta http-equiv=“Content-Type” content=“text/html; charset=gb2312″ />
  5. <title>多了一只豬</title>
  6. </head>
  7. <body>
  8. <div style=“width:400px”>
  9. <div style=“float:left”></div>
  10. <!– _ –>
  11. <div style=“float:right;width:400px”>↓這就是多出來的那只豬</div>
  12. </div>
  13. </body>
  14. </html>

用IE6看一下,你會發現真的會多出一只“豬”!

問題原因以及解決體例:


由注釋造成文字溢出,屬于IE6的BUG,溢出文字的字數=注釋的條數*2-1,這里的字數在中文或英文數字時都成立。注釋坐在位置與溢出位置、區塊的浮動以及文字區塊的固定寬度有必然愫系。

解決法子:
1、不放置注釋。最簡單、最快捷的解決體例;
2、注釋不要放置于2個浮動的區塊之間;
3、將文字區塊包含在新的<div></div>之間,如:<div style=”float:right;width:400px”><div>↓這就是多出來的那只豬</div></div>;
4、去除文字區塊的固定寬度,與3有相似之處;
5、在后面加一個<br />或者空格;(不舉薦)
6、使用IE注釋名目,如:<!–[if !IE]>Put your commentary in here…<![endif]–>
3.display為none的div也有可能激發此bug.
7、給盒子加position:relative;屬性


test.jpg
1.是注釋引起的,刪除所有注釋即可.

原因:
2.hidden的input直接放在form下.
2,3可以經由過程外面再包一次DIV解決

文章來源:攀枝花惠康網絡公司

惠康網絡,是一家專業從事攀枝花網站建設,攀枝花網站制作,攀枝花網站設計公司,提供網站建設一條龍服務(網站域名注冊+網站服務器租用+網站開發+網站維護+網站營銷推廣),惠康網絡立足攀枝花,輻射全中國,攀枝花惠康網絡的客戶已經遍布國內各地大中小城市,我們高效優質的網站建設服務深受用戶好評。

客服熱線:tel(謝先生)  客服QQ:1323605005  
服務郵箱:[email protected](售前咨詢)  [email protected](技術部)  [email protected](售后服務)
公司地址:四川省攀枝花市
郵編:617200

青海十一选五开奖图