[問題] 請問iframe如何固定左欄(不隨瀏覽器變動

看板Web_Design作者 (小朋友)時間11年前 (2014/05/16 02:59), 11年前編輯推噓0(005)
留言5則, 1人參與, 最新討論串1/1
小弟是初學者,練習了一些例子 在做menu的時候遇到一個困難, 左側的iframe當瀏覽器縮小時會被卡掉 想請問如何讓左邊的iframe不隨瀏覽器變動大小 本來是用frameset做,不過這個好像過時了 所以改用iframe做,以下是原始碼 <head> <title>menu</title> <style> * { padding:0px; border:0px; margin:0px; } #left { position:fixed; top:0px; bottom:0px; left:0px; right:81.7%; } #right { position:fixed; top:0px; bottom:0px; left:18.3%; right:0px; } iframe { width:100%; height:100%; } </style> </head> <body> <div id='left'><iframe src='menu.html'></iframe></div> <div id='right'><iframe src='introduction.html'></iframe></div> </body> </html> 請大家幫幫忙謝謝! -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 218.166.97.236 ※ 文章網址: http://www.ptt.cc/bbs/Web_Design/M.1400180348.A.792.html

05/16 03:13, , 1F
左側欄固定寬度,右側欄設margin-left
05/16 03:13, 1F

05/16 03:16, , 2F

05/16 03:21, , 3F
不過iframe還是建議少用,畢竟算有點過時的東西了
05/16 03:21, 3F
非常感謝您的回答,我剛剛試了一下的確左欄不會動了! 可是右邊的iframe隨著瀏覽器的縮放有可能會覆蓋到左邊不會動的iframe 因為用frameset的話沒有這個問題,不知道有沒有解決的辦法? 其實有爬文到用pjax做menu,可是基礎實在太差,希望有一天能夠學會! ※ 編輯: noworneverev (218.166.97.236), 05/16/2014 03:29:12

05/16 03:36, , 4F
ff怎麼縮放都很正常,不知道你說顯示異常的情境是?
05/16 03:36, 4F

05/16 03:41, , 5F
05/16 03:41, 5F
文章代碼(AID): #1JTGvyUI (Web_Design)
文章代碼(AID): #1JTGvyUI (Web_Design)