こんな形のボックスがあったとして、「Left」の高さの値が毎回変わる。
で、毎回変わる「Left」の高さに合わせて、隣の「Right」の高さを自動的に伸ばすにはどうしたらいいのか、それこそ2日間ずっと悩みっぱなしだったんですの、あだす。
ちょうどこんな感じにしたかったのね。
で、ググりまくったりした結果、どうもCSSだけでは、
「出来ないらしい・・・」
という結論にいたりやした。
んだば、これを実現させるにはどうしたらいいかというと、Javaスクリプトを使えばいいそうな。
<script language="javascript">
<!--
window.onload=function() {
h = document.getElementById("Left");
boxh = h.clientHeight;
document.getElementById("Right").style.height = boxh + "px";
}
//-->
</script>
これだけで実現できちゃう。
いやあ、素晴らしい。素敵すぎる。
モヤモヤしていたものが一気に晴ますた!
PR