MozTW 討論區 • 檢視主題 - [Fixed] 橫的 scroll bar

所有顯示的時間為 UTC + 8 小時

[Fixed] 橫的 scroll bar

第 1 頁 (共 1 頁)

[ 11 篇文章 ]

列印模式	上一個主題 \| 下一個主題

發表人

內容

victorlamhk

文章主題 : [Fixed] 橫的 scroll bar

發表於 : 2005-02-28, 00:45

註冊時間: 2004-10-20, 21:21
文章: 26
來自: HKSAR

請問如果使用 iframe, 在 firefox 並不會出現橫的 scroll bar, 但係 IE 卻會. 想請教各位有沒有方法可以令 IE 亦不會出現那個 scroll bar, 我記得我曾看過有部份網站的 iframe 並不會出現橫的 scroll bar.

這個網站的 iframe 會出現橫的 scroll bar:
http://www.cuhk.edu.hk/ccc/gec

但這個網站的 iframe 卻不會出現 scroll bar:
http://www.ine.cuhk.edu.hk/~inesoc

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.7) Gecko/20050414

nakeho

文章主題 :

發表於 : 2005-02-28, 10:01

註冊時間: 2002-11-14, 10:09
文章: 735
來自: 昨日東風

試試

代碼:

http://www.w3schools.com/tags/tag_iframe.asp

_________________
I use

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.7.5) Gecko/20041119 Firefox/1.0

xacid

文章主題 :

發表於 : 2005-02-28, 10:06

註冊時間: 2004-07-03, 22:04
文章: 444

兩頁都有用 overflow:auto ，會不會只是用的 iframe 太窄了？

回頂端

Mozilla/5.0 (X11; U; Linux i686; zh-TW; rv:1.7) Gecko/20040616

M0rph1in9

文章主題 :

發表於 : 2005-02-28, 11:55

註冊時間: 2005-02-28, 11:53
文章: 1

nakeho 寫:

試試

代碼:

http://www.w3schools.com/tags/tag_iframe.asp

咁樣會連打直果D scrollbar都disable埋, 我都有依個問題, 望高手賜教

回頂端

Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.0; MyIE2; Maxthon; .NET CLR 1.1.4322)

victorlamhk

文章主題 :

發表於 : 2005-03-02, 01:16

註冊時間: 2004-10-20, 21:21
文章: 26
來自: HKSAR

nakeho 寫:

試試

代碼:

http://www.w3schools.com/tags/tag_iframe.asp

這個設定的確會令直的 scroll bar 也不見了.....

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.5) Gecko/20041107 Firefox/1.0

victorlamhk

文章主題 :

發表於 : 2005-03-02, 01:22

註冊時間: 2004-10-20, 21:21
文章: 26
來自: HKSAR

xacid 寫:

兩頁都有用 overflow:auto ，會不會只是用的 iframe 太窄了？

這個我也試過了, 看來也不成功...

不知各位還有沒有其他高見?

謝~

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.5) Gecko/20041107 Firefox/1.0

文章主題 :

發表於 : 2005-03-02, 07:58

這是計算 width 的常見問題，就是 scroll bar 的寬度是否要算進去。

實作上應該不算進去，而 ie 把它算進去了。
大約是 iframe body (=750px) + scroll bar (=20px，估計值)，
所以除非剛好沒右側 scroll bar，否則就會超過預期的 750px，
解決方法就是預先把 iframe body 的 width 設為 730px 以下。

還有二個站的差別是，你使用的 !DOCTYPE 開啟了 ie 的標準模式，但第二個站沒有。

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.6) Gecko/20050223 Firefox/1.0.1

victorlamhk

文章主題 :

發表於 : 2005-03-02, 09:59

註冊時間: 2004-10-20, 21:21
文章: 26
來自: HKSAR

11 寫:

千萬個感謝, 謎底經已解開.

Thanks so much~~

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.0; en-US; rv:1.7.6) Gecko/20050223 Firefox/1.0.1

R-way

文章主題 :

發表於 : 2007-04-20, 21:16

11 寫:

還有二個站的差別是，你使用的 !DOCTYPE 開啟了 ie 的標準模式，但第二個站沒有。

這2站原文開頭不是一樣嗎?
這2站捲軸出現與否完全肇因於內容是否超出給定尺寸吧?

回頂端

Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; Alexa Toolbar; mxie; Avant Browser; FDM; TheWorld)

風痕影

文章主題 :

發表於 : 2007-04-21, 08:51

[MozTW 版主群]

註冊時間: 2004-11-17, 09:53
文章: 1302
來自: 臺灣桃園

R-way 寫:

11 寫:

還有二個站的差別是，你使用的 !DOCTYPE 開啟了 ie 的標準模式，但第二個站沒有。

這2站原文開頭不是一樣嗎?
這2站捲軸出現與否完全肇因於內容是否超出給定尺寸吧?

嗯，看來開頭確實是一樣的＠＠" 不過 11 說的情形也是有可能發生的
IE 在標準模式下，把網頁放進框架裡時，會不明所以的出現水平捲軸
我以前猜測的原因是邊界的計算錯誤＠＠" 不過照 11 的說法或許是寬度出問題
確實以前我特地幫網頁設個寬度就正常了 XD

_________________
在靜謐的國度裡，擁抱微風－－抱風伴靜

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.1.3) Gecko/20070309 Firefox/2.0.0.3

R-way (倫家明明是會

文章主題 :

發表於 : 2007-04-22, 12:17

首先向11致歉因為本篇發表已久也許當時2站開頭的確不同
另外雖然本篇已歸為 FIXED 個人覺得還是有些可延續的地方
40上也是因碰到了相關問題克服不了才找到此篇
可以的話請容我野人獻曝希望能對以後有相同困擾的人有點幫助
=====
原由: 性格扭曲使然不想額外申請留言板想用現有blog充當
問題:
0.iframe受security的限制太大了無奈 orz
1.主網架在googlepages上無法動<head>
2.blog也不好動<head> (不希望對外連頁有任何更改)
3.iframe一定要直軸一定不要橫軸
解決方式:
A.若採doctype可能要用主頁包iframe 再包自寫的html檔設好doctype 再包blog文變成框中框
B.想想實在覺得不合理開始嚐試div包iframe如下

代碼:

<div style="OVERFLOW-Y: auto; OVERFLOW-X: hidden; WIDTH: 220; HEIGHT: 270px;">
<iframe HEIGHT=768 marginwidth="0" marginheight="0" src="http://rway-orz.blogspot.com/2007/04/blog-post.html#comments" frameborder="0" scrolling="no"></iframe></div>

亦即不限制iframe的尺寸甚至越大越好改以div控制viewport
報告完畢^^;

回頂端

Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.1.3) Gecko/20070309 Firefox/2.0.0.3

第 1 頁 (共 1 頁)

[ 11 篇文章 ]

MozTW » 討論區首頁 » 特別議題 » 問題網站與網頁技術傳教

所有顯示的時間為 UTC + 8 小時

誰在線上

正在瀏覽這個版面的使用者：沒有註冊會員和 1 位訪客

您不能在這個版面發表主題
您不能在這個版面回覆主題
您不能在這個版面編輯您的文章
您不能在這個版面刪除您的文章
您不能在這個版面上傳附加檔案

前往 :