空のDIVを下まで伸ばす。

標準

デコルのホームページのドメインをdeco-ru.comからdecoru.co.jpへ変更致しました。

当時一生懸命作ったものですが、今回リファイン致しました。

モノグラム・パンダがクルクルしてる所ですが、今まで、

div#monogram div {

float: left;

padding-bottom: 32767px;

margin-bottom: -32767px;

}

コリスさん参考

このCSSを利用してました。

32767pxというのは、IEが認識する数値がこれがマックスらしいです。

が、縦どう考えても届かない時があります。(´;ω;`)

ということで、jQueryに頼ってみました。

var m = Math.max(
$(‘.main’).height(),
$(‘.sidebar’).height(),
$(‘.sidebar2’).height()
);

$(‘.content’).height(m);​

かちびとさん参考

これで、一番数値の高いカラムに全ての合わせるということになりました。

しかし、ABOUTページにあるアコーディオンの、開閉には対応してませんのでアコーディオンは削除しました。

なんで、ヨコの100%はきくのにタテの100%は面倒臭いのでしょうか。。。(´・ω・`)

広告

コメントを残す

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト /  変更 )

Google+ フォト

Google+ アカウントを使ってコメントしています。 ログアウト /  変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト /  変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト /  変更 )

%s と連携中