前日にフッターを追加するも、正しい結果にならなかったので調べなおして無事成功。
3カラムを配置するのに「position:absolute」を使用していたが、新たに追加したフッターを回り込ませるため「float:left」に変更して、フッターの前で回り込みを解除させる「clear」を追加。ここに辿り着くまで結構かかりました。
フッターを追加したので、タイトルの下に表示してたコピーライトをフッターへ移動して、サブタイトルの欄は適当に間に合わせ。別にサブタイなくてもいい感じだけど、皆さん何かしら付けてるから。
ただ、左右のサイドバー以外に「width」で指定してなかったので、右サイドバーが隣に並んでくれなくてコンテンツの下に移動しちゃう。画面をいっぱいに使った100%にしたいんだけど、どうしてもウマくいかないのでコンテンツ部分に少な目の幅を指定しました。
これだと画面サイズによって左が空いたり、右サイドバーが下に送られたりするんだけど、とりあえずで。
「float:left」使っても「width」が「auto」や「100%」でキレイに表示できる方法はないものか。

コメントする