【gooブログ】シンプル系左簡素メニューにしてみました。

クリア系テンプレの左メニューでメニューにmax-heightを適用してましたが、max-heightがIEに未対応だったので、クリア系左右メニューで左メニューを表示せず、右メニューにheightを指定して、左位置に変更してみました。

そのやり方に関しては、
子供、いらない：シンプル系二段組・メニュー簡素化(幅固定)

を参考にさせていただきました。

QRコードに関しては、使う人がいるのかどうかわかりませんが、かつをさんのCSSだと左メニューの下にぽつんとあっても見落としてしまう方も多かろうと思いまして、カレンダーとプロフィールの下に入れてみました。

ま、自分的には無くても構わないんですけどね(笑)

/* カレンダー、プロフィール背景 */ .menuBgCen { padding: 0px; background-color:#F4F7FF; border:1px solid #57ACD5; /* 右メニュー背景にQRコード画像を追加 */ /* 画像の高さの余白を下部に追加 */ padding-bottom: 82px; /* あなたのQRコード画像のURL */ background-image: url("http://blogimg.goo.ne.jp/blue_sky_blog/qrcode.png"); /* 下部中央に配置 */ background-position: center bottom; /* 画像は、繰り返し無し */ background-repeat: no-repeat; }

私のCSSはコチラです。