關於ie6下iframe的高度bug

有個三列布局:

 

<div id="left">...</div>

<div id="middle">...</div>

<div id="right">...</div>

 

樣式上已經給三個div加了寬度和左浮動,佈局沒問題。

 

程序員要把右面的div用iframe來實現,即把#right的浮動和寬度加到了iframe上面,<div id="right">...</div>放到了iframe裏面。如下:

 

<div id="left">...</div>

<div id="middle">...</div>

 <iframe>

   <div id="right">...</div>

 </iframe>

 

iframe的高度是由程序來控制的,高度不定。

 

結果,在ie7及firefox下都沒問題,但在ie6中,iframe上面出現了空白。仔細查看,空白的高度跟動態計算出的iframe高度是一樣的。

這種問題比較蹊蹺,還沒等我找出解決方法,程序員告訴我,弄好了,原來,他在iframe的外層又加了個div,看來ie6對div和iframe的解析還是不同的。

 

有時候,費勁力氣找解決方法,還不如直接修改頁面結構來的快。何況,找半天還不一定找出這詭異的問題的解決辦法,唉,恨死ie6了!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章