CSSでテーブルなしでやっているのだが、今回リキッドタイプにしてみた。

いろんなサンプルを見ると、幅が100%のものばかり。

試しに70%とかにしてみると、左によってしまう。

これを解決するには・・・

marginをautoにすればよい。

またfooterもそのまま組んでしまうと上に流れ込んでしまうので必ずclear:bothをCSSの中に入れないといけない。

:before

:after

などもあり、CSSって面白い。

 

参考図書:

プロとして恥ずかしくないスタイルシートの大原則

Web creators (ウェブクリエイターズ) 2009年 01月号 [雑誌]