3 column の高さをきれいに揃えたい!
2月に入って日にちが経ちますが…
寒い中、体調には気を付けていますか?
5月以降からマスク不要になる日が待ち遠しくなってきました!
さらに、3月の半ばぐらいからマスクの装着の緩和が…
いろんなニュースを見ている中、政府があれこれちんぷんかんぷんばっかり流れてますね…
物価高騰していく中、生活が大きく圧迫されてるんですね…
日本の年収と海外の年収の格差が3倍以上膨らんできてますね…
さてと、話題に入りましょう!
3 column の高さをきれいに揃えたい!
Webページを作成時に3columnを使ったレイアウトのデザインをしています。
しかし、背景色の高さがバラバラになったりしたりしていますよね。
こちらではいつもお世話になっているサイトをご紹介しますね。
Colunas da Mesma Altura com CSS Cross-Browser – Matthew Taylor
こっちがWeb業界に入ってから3columnを使ったデザインを特にこだわってました!
しかも、「Float」を使ってレイアウトをしていましたが…
背景色が中途半端で切れたりしていました…
背景色が中途半端に切れないように高さを細かく設定したりしてましたが…
これはまさにド素人が行う手法なんですね…
このサイトを出会わなければ、ド素人が行う手法を繰り返してたかもしれません。
それ以外に、ほかのサイトも3columnを使った高さをきれいに揃える方法もいろいろ出てきてますね。
・「3カラム」レイアウトを作ってみよう - 新米web担のためのホームページの作り方 | 第13回
・【HTML・CSS】3カラムレイアウトのwebページのつくり方
ほかにもいろいろネット情報にも回ってますので、時間があったときに、いろいろ技術を吸収して成長していきましょう。
では、また!