改築も終わってアップ終了したのがつい先日。
なぜ改築しようかと思ったのかというと・・・
全体がtable文で構成されていた前サイトは、「更新がめんどい」「本来のtable文の用途とちがう」「レイアウトに飽きた(ぉぃ)」等の理由で改築されたのです。
HP作成支援のサイトを幾つか渡り歩いてみたけど、だいたいのサイトで「レイアウトはtable文を使わずにCSSでやったほうがいい」とのこと。
ならばCSSで作ろうか、ということでCSSのお勉強がてら改築工事に踏み切ったのです。
確かにCSSでレイアウトを決めると、本文がすっきりして見やすくなるし、ちょっとしたレイアウトの変更ならCSSファイル側で数値をいじればいいだけだからラクチンですわ。
また、1ファイルでも複数のCSSファイルを読み込めるため、メインのレイアウト(ヘッダとフッタ)などとは別に、各々のページのレイアウトファイルを作っておけばヘッダとフッタの形を変えずにページの内容だけ変えることが可能になるので、いちいちヘッダとフッタの定義文をコピぺする必要なくなりました(改築前は知らなかった。というかヘッダごとtable文で作ってました)。
さて、改築も終わって、これからはコンテンツを増やすだけだと思ったのもつかの間、新たな試練が。
3段組にするにはどうしたらいいんだろう。予定では、トップページの左側にメニュー、真ん中にメインが入って右側になんか得体のしれないもの(広告とかリンクとか)を置こうかと思っていたんだけど、右側の段が作れない・・・・
float文でメインの左側にメニューを置いたのはいいけど、右側に置くにはどうすればいいんだ?
またまたHP作成支援サイトを渡り歩くことに。
まぁ要は、float文で定義したボックスを2つ並べて、さらにその二つをひとくくりにしてもう一つのボックスとfloat文で並べればいいのだけど、これがまたうまくいかない。widthの寸法をチョット間違うだけでメニューが下に沈んだり、右側の段が離れすぎたり、とえらくメンドイ。
まぁどうにかこうにかやり方も解ったんで、次の更新のときにはまたレイアウト変わってると思います。ついでに背景も・・・
もうちょっと「しるばーすたぁ!」っていうような背景にしたいんですけど、なかなかうまくいかんもんですなぁ。
[0回]
PR