【求助】iframe 標籤框架,如何實現自動高度? - PCZONE 討論區

返回   PCZONE 討論區 > ▲ ADSL_CABLE_FTTH 寬 頻 上 網 討 論 > -- 網 路 技 術 版


PCZONE 討論區



通知

-- 網 路 技 術 版 較深入的網路方面技術問題,請來此這版討論

Kree
【求助】iframe 標籤框架,如何實現自動高度?
因為網頁有用到圖層,需使用 <iframe> 來定位
以免因為瀏覽者螢幕解析度的不同,導致圖層跑掉

main.htm
-------------------------
預設解析度:800x600
表格寬度:770
表格位置:置中

表格中插入<iframe>標籤,呼叫其它目標網頁(src),進行顯示
目的是為了讓圖層定位

圖層因為是採用絕對座標定位
若瀏覽者的螢幕解析度改變,圖層位置將會跑掉
所以需要利用 <iframe> 內插框架來定位,座標0,0 將保持再框架左上角


但是標準的 <iframe> 用法,有個問題
就是高度要預先設定,這樣製作網頁會變的很沒效率,無法套用樣板


於是小弟搜尋google大神,找到這段程式碼:
------------------------------------------------------------
<iframe name="web" width="100%" frameborder=0 height="100%" src="news.htm" id="web" onload="this.height=web.document.body.scrollHeight" > 不支援iframe框架時要顯示的文字 </iframe>


它的確實現了「自適應高度」
不管網頁高度多高,插入框架後,自動變成100%

不過它也有另一個問題....
超鏈結到別頁後,開出來內插框架的網頁
起始點不是在最頂點,而是會亂跑
一下子在頁中,一下子在頁尾,無法控制


請問 <iframe> 有更好用的語法嗎?

或者可有其它方法可以解決圖層定位的問題?

感謝

回覆
會員

我也想知道ㄟ^^
如何讓iframe高度自動撐大
linux_xp你的iframe是放在圖層方式阿?
若不是放在圖層方式
有這樣的語法嗎?

<TD HEIGHT="19" BGCOLOR="#333333" class="3d"><iframe MARGINWIDTH=0 MARGINHEIGH=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 scrolling=yes width=454 height=250 SRC=http://bbs.mecolor.idv.tw/4images/index_01.php></iframe>
<div align="center">
</div></TD>
回覆
Kree

引用:
最初由 kulo 發表
我也想知道ㄟ^^
如何讓iframe高度自動撐大
linux_xp你的iframe是放在圖層方式阿?
若不是放在圖層方式
有這樣的語法嗎?

<TD HEIGHT="19" BGCOLOR="#333333" class="3d"><iframe MARGINWIDTH=0 MARGINHEIGH=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 scrolling=yes width=454 height=250 SRC=http://bbs.mecolor.idv.tw/4images/index_01.php></iframe>
<div align="center">
</div></TD>
我的 <iframe> 是放在表格裡面

如圖






假設這一頁叫:main.htm

接下來,不管瀏覽者超鏈結到哪裡
網址都保持在:http://www.xxxx.com/main.htm

然後,不管瀏覽者螢幕解析度多少
畫面就是置中,圖層也不會跑掉

同時,這段程式碼,也實現了「自適應高度」
不用去管目標網頁多高,呼叫出來永遠是100% (百分比單位)

這段程式碼是相當好用
可惜,它有一個問題:
超鏈結呼叫出新網頁後,捲軸(起始點),不是在頂點,也沒固定位置


請問有前輩知道更方便的語法嗎?

或者可有其它妙招,能讓圖層乖乖定位?

請不吝嗇賜教,剛溫啦

回覆


類似的主題
主題 主題作者 討論版 回覆 最後發表
【求助】iframe 引用的問題 lamina -- 站 務 公 告 與 建 議 版 2 2004-02-12 02:02 AM






 XML   RSS 2.0   RSS 
本站使用 vBulletin 合法版權程式
站務信箱 : [email protected]

本論壇所有文章僅代表留言者個人意見,並不代表本站之立場,討論區以「即時留言」方式運作,故無法完全監察所有即時留言,若您發現文章可能有異議,請 email :[email protected] 處理。