[問題] 請問iframe如何固定左欄(不隨瀏覽器變動
小弟是初學者,練習了一些例子
在做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
05/16 03:13, 1F
→
05/16 03:16, , 2F
05/16 03:16, 2F
→
05/16 03:21, , 3F
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
05/16 03:36, 4F
→
05/16 03:41, , 5F
05/16 03:41, 5F
Web_Design 近期熱門文章
PTT數位生活區 即時熱門文章