#container
の中に
①#main,
②#side
のブロックがあり、clearfixで2カラムレイアウトになっているブロックがあります。
そこに背景の高さを揃える為、heightLine.jsを使い、#side,#mainの高さを揃えている状態なのですが、#side内のメニューをdisplay:noneで表示、非表示を切り替えられる開閉メニューにしています。
ページロード時に
#main
#side
の背景の高さは揃っているのですが、#side内のメニューを表示状態にした際に、#sideの高さの再取得ができず、背景にズレが起こってしまっています。
display:none状態の高さを取得できるメソッドやajaxで動的にロードしたブロックなどの高さを取得する方法をご存じの方は何卒よろしくお願い致します。
「heightLine.js」の記事のコメント欄にある方法で希望の動作になるようです。
表示・非表示切り替えの処理直後に「changeBoxSize()」を実行するように追加してみてください。
http://blog.webcreativepark.net/2007/07/26-010338.html
お世話になっています。
あまり詳しくないので当方に間違いのある質問だったらすみません。
例えば2カラム(仮にA、Bとします)タイプのページを作った場合に双方の高さを揃えたいとします。
Bのカラム内に、クリックするとdisplay:block;になったりdisplay:none;になったりするブロック要素があり、Bカラムの長さが変化するのですが、長くなった場合にAカラムが一緒に伸びません。よろしくお願いいたします。
投稿者:かけだし | 2007年12月20日 16:41
>かけだしさん
その状況はheightLine.jsの想定しない動作ですのでうまく動きません。
heightLine.js内のchangeBoxSize()をdisplay変更時にも呼び出すように修正すれば動作すると思います。
がんばってみてください。
投稿者:西畑一馬 | 2007年12月23日 01:32
(略※返信コメント重複)
ほんとでした!動作しました!
助かります。どうもありがとうございました。
投稿者:かけだし | 2007年12月26日 14:29
コメント(0件)