[討論] 同欄DIV 高度等高之解決方法
之前因為不太想用table去作網頁排版
但是div用css的解決總是會有問題
常發生即便Firefox或Opera都好好的
但是令人討厭的ie的一身 唉~
殺死多少的腦細胞
令多少人寫不出網頁卻打開wow
罪孽呀最孽呀~ XDDD
-----------廢話結束----------------
就在上次我的WOW發生故障....
卻又在搞這個時,我便找了滿久的Google
後來找到個不錯用的法子
可以正常地work ^^
別人寫的js
http://220.135.241.51/blog/article.asp?id=1851
標題:動態設置佈局DIV高度相同的問題
基本上用法是用javascript的迴圈去找出最大高度
之後將此最大高度套入各個div
就大概這樣。
因為我對javascript也不熟~
就直接把他的js檔拿過去用~
步驟:
※-----這是javascript,看是要用在網頁裡或是抓出去另存個檔都可----------------
function oneHeight(){
var maxHeight=0;
var a=[];
for(var i=0,n=arguments.length;i<n;i++){
a[i]=document.getElementById(arguments[i]);
if(a[i].scrollHeight>maxHeight)
maxHeight=a[i].scrollHeight;
}
for(i=0;i<n;i++)
a[i].style.height=maxHeight+'px';
}
※---------------------------------------------------------------------------
接著在<body>改成
<body onload="oneHeight('id1','id2','id3','id4')">
那些id[n]的就自行改成要等高的標籤id吧
大致上是如此啦~
希望沒有誤導
(還是說有更方便的寫法無??)
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 140.112.249.64
→
08/20 20:54, , 1F
08/20 20:54, 1F
→
08/20 21:00, , 2F
08/20 21:00, 2F
推
08/20 21:27, , 3F
08/20 21:27, 3F
→
08/21 00:03, , 4F
08/21 00:03, 4F
→
08/21 03:18, , 5F
08/21 03:18, 5F
→
08/21 03:18, , 6F
08/21 03:18, 6F
→
08/21 10:30, , 7F
08/21 10:30, 7F
→
08/21 10:30, , 8F
08/21 10:30, 8F
→
08/21 10:31, , 9F
08/21 10:31, 9F
→
08/21 10:31, , 10F
08/21 10:31, 10F
推
08/24 07:39, , 11F
08/24 07:39, 11F
→
08/24 10:49, , 12F
08/24 10:49, 12F
討論串 (同標題文章)
以下文章回應了本文:
完整討論串 (本文為第 1 之 2 篇):