2009年9月12日アーカイブ

よくあるのがカラムの内容により高さがばらばらになってしまって左のようになってしまうことですが、通常は、背景色や背景画像を各カラムごとに指定しないのでわかりませんが、どうしても、カラムごとに背景色を指定したい場合などの、見た目の高さを揃える方法の覚書

通常、スクリプトを使ったりしますが、この方法はCSSのみの簡単な方法でした。

content{
 width:820px;
 margin:0 auto;
 overflow:hidden;}
#column1, #column2, #column3{
 float:left;
 padding-bottom:32768px;
 margin-bottom:-32768px;}

#column1{
 width:200px;
 background:#CEB460;}
#column2{
 width:400px;
 background:#CFE1DA;}
#column3{
 width:200px;
 background:#619895;
 margin-right:0;}

のみでカラム全部を限界まで大きくしておいて、contentで切ってしまうという簡単な方法です。
32768pxは、IEの表示限界らしいです。


ブログランキング・にほんブログ村へ 人気ブログランキングへ
ランキングに参加しています。 応援をお願いします。

結婚・結婚式・ウェディングに役立つガイド

婚約したカップルは必見!当サイトは結婚に関するお役立ち情報サイトです。結婚、結婚式、ウェディングの事前準備はもちろん、マナーや、楽しい挙式の事例などを紹介しています。

MTBlog50c3BetaInner

このアーカイブについて

このページには、2009年9月に書かれたブログ記事が新しい順に公開されています。

前のアーカイブは2009年9月11日です。

次のアーカイブは2009年9月13日です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。



マイクロアドBTパートナーでおこづかいゲット!

Blog Rank

置き手紙

おきてがみで訪問の
履歴を残してください

訪問ありがとうございます!

アーカイブ

Soho's Site