オシャレな大きな背景をCSSでキレイに表示する方法

ずっと気になっていたこの方法。
以下のエントリで掲載しておりましたよ。

How to: CSS Large Background
http://www.webdesignerwall.com/tutorials/how-to-css-large-background/

・大きな背景をはみ出して公開したい！
・大きな背景をはみ出しつつcontentをかぶせたい！

そんな願望が当該エントリで紹介しています。
今まではCSSで#wrapに背景を持ってきて、
#containerでmarginをマイナスで上に持ってきてましたが、

1.Body背景に指定したいカラーを選択して、
2.さらにBody背景にCSSで背景画像をcenter、topで配置し、
3.widthを100%、そして、displayにtableをかけるそうです。

display:table;

初めて見たCSS！
テーブル構造を表現することができるCSSプロパティなんだそうです。
何でもIE8Betaで公開されたものだとか。

HTML×CSSに随分と疎くなっている今日この頃ですが、
いやはや進化しているのですね～。

これでまたデザインの幅が広がりそう！
Floatでカラムレイアウトという時代は終わりを告げるのかもしれませんｗ

このブログ記事に対するトラックバックURL:
http://km33.net/mt/mt-tb.cgi/250

お気軽にコメントをどうぞ！

都内のIT企業に勤務する26才。
半年前までSEOの第1線で働き、現在はアクセス解析の導入支援をメイン業務としております。
勉強がてら旬のネタ、気になったことをメモしております。メールはwebmaster＠km33.netまでどうぞ！(@は半角にして下さい！)

～SEMからWEBマーケティング、果てはプログラムまでを極めたい～