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

作者: noworneverev (小朋友)   2014-05-16 02:59:06
小弟是初學者,練習了一些例子
在做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>
請大家幫幫忙謝謝!
作者: mmis1000 (秋月戀楓)   2014-05-16 03:13:00
左側欄固定寬度,右側欄設margin-lefthttp://jsbin.com/kavar/3/edit不過iframe還是建議少用,畢竟算有點過時的東西了ff怎麼縮放都很正常,不知道你說顯示異常的情境是?http://jsbin.com/kavar/4/edit 這樣?

Links booklink

Contact Us: admin [ a t ] ucptt.com