ie6下iframe出現水平滾動條的解決辦法

2021-08-25 09:21:41 字數 406 閱讀 9235

頁面a中通過iframe引入另乙個頁面b,並設定scrolling="auto"。當b頁面的內容超過iframe的高度時,會自動出現滾動條;然而在ie6下,除了出現縱向滾動條外還會出現橫向滾動條(即時設定了b頁面的寬度為100%)。

注:問題只出現在ie6下,ie7,firefox,chrome下無此問題

原因是iframe在載入頁面時,首先會根據自己的寬度來載入頁面(如iframe寬為600px,則載入的頁面b的寬度也為600px),然後由於b的高度超出了iframe的高度,由iframe生成滾動條,由於生成了縱向滾動條,iframe的實際內容寬度將減少;而頁面b的寬度仍為600px,最終產生橫向滾動條。

設定scrolling="yes",並且增加style="overflow-x: hidden"

將doctype 換成如下:

ie6下的iframe,問題多多。

今天在ie6下顯示velocity頁面中的iframe,發現除了iframe的外框以外,src中請求的url完全沒有讀取成功,結果是個空的iframe。總結網上一共有以下幾種解決辦法 1,src url scrolling no frameborder 0 width 256 height 174 ...

關於ie6下iframe的高度bug

有個三列布局 樣式上已經給三個div加了寬度和左浮動,布局沒問題。程式設計師要把右面的div用iframe來實現,即把 right的浮動和寬度加到了iframe上面,放到了iframe裡面。如下 iframe的高度是由程式來控制的,高度不定。結果,在ie7及firefox下都沒問題,但在ie6中,i...

IE6下動態嵌入iframe無法顯示

為了實現提示框效果,從而使用動態嵌入iframe方案,但是實施過程中ie7下正常,ie6需要重新整理才可正常顯示,如下 this.open function surl 該方法主要將url通過iframe形式嵌入到document中,但ie7可正常顯示,ie顯示空白,而且 iframe parent ...