[問題] 無法調整在IE/FF中iframe的高度
其實這是之前個人網站的老問題了...
http://www.zoncheng.com/
用Google Chrome/ Safari 來看的話,很輕鬆的就能達成我所想要的效果。
http://www.zoncheng.com/123.html
其中iframe的高度是以百分比來控制的,我的寫法是
在123.html中:
<div id="ZonMapt">
<iframe id="worldmap" width="100%" height="100%" frameborder="0"
src="theworld_2011.html" scrolling="no"></iframe>
</div>
在CSS中...
html, body, div, iframe { margin:0; padding:0; height:100%; }
iframe { width:100%; height:100%; display:block; border:none;}
#ZonMapt {
margin-right: auto;
margin-left: auto;
text-align: center;
width: 95%;
height: 73%;
}
不過這個寫法不被FF5及IE8所接受,更早的版本以我去年的經驗也是不行的...
大家可以把這個網址拿去FF或IE看,整個高度都變得很短。
所以我只好在正式網頁中,直接把高度訂死。
#ZonMap {
margin-right: auto;
margin-left: auto;
text-align: center;
width: 95%;
height: 600px;
}
但是這樣總有治標不治本的感覺。
我今天早上又花了一堆時間看國內、外網站的解法...
但試起來都沒有什麼效果。
請問版友們這樣的CSS是要怎麼hack呀...
另外,我之前有問過什麼Browser是最"標準"的...
答案好像是Google Chrome... 不過它一直到目前的版本仍是把最小字型死訂為12px...
實在不知道是為了什麼...
--
http://www.zoncheng.com/
一個人的地球之旅 ~ Zon Cheng's Travel Journal
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 123.204.96.86
→
07/17 17:40, , 1F
07/17 17:40, 1F