作者noworneverev (小朋友)
看板Web_Design
標題[問題] 請問iframe如何固定左欄(不隨瀏覽器變動
時間Fri May 16 02:59:06 2014
小弟是初學者，練習了一些例子
在做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://webptt.com/m.aspx?n=bbs/Web_Design/M.1400180348.A.792.html
1F：→ mmis1000:左側欄固定寬度，右側欄設margin-left 05/16 03:13
3F：→ mmis1000:不過iframe還是建議少用，畢竟算有點過時的東西了 05/16 03:21
非常感謝您的回答，我剛剛試了一下的確左欄不會動了！
可是右邊的iframe隨著瀏覽器的縮放有可能會覆蓋到左邊不會動的iframe
因為用frameset的話沒有這個問題，不知道有沒有解決的辦法？
其實有爬文到用pjax做menu，可是基礎實在太差，希望有一天能夠學會！
※ 編輯: noworneverev (218.166.97.236), 05/16/2014 03:29:12
4F：→ mmis1000:ff怎麼縮放都很正常，不知道你說顯示異常的情境是？ 05/16 03:36