PTT
Submit
Submit
選擇語言
正體中文
简体中文
PTT
Web_Design
[問題] 請問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-left
http://jsbin.com/kavar/3/edit
不過iframe還是建議少用,畢竟算有點過時的東西了ff怎麼縮放都很正常,不知道你說顯示異常的情境是?
http://jsbin.com/kavar/4/edit
這樣?
繼續閱讀
Re: [問題] 雙層連動式選單 chorm開ok ie開會爛掉?
heibow
[問題] HTML通訊相關問題
celiabbs23
[問題] adobe muse無法登入
hiro0201
[問題] chrome 開發完後的 IE 災難
sandy4444
[請益] 如何在網頁呈現圖片縮放?
fatfatgigi
[問題] wordpress隱藏單一區塊標題
kindom
[問題] wordpress要怎麼造空格?
famayo
[問題] Blogger給的個人網域可以用來架站嗎?
famayo
[問題] reset.css會咬死後台文字編輯器...
virgin7
[問題] jquery嵌在blogger中
j7451797
Links
booklink
Contact Us: admin [ a t ] ucptt.com