float使用で背景が表示されなくなる

この記事は約2分で読めます。

妹くんが就職の話をしていて「同期」という言葉をきいた途端に、

貴様と俺とは同期の桜

という、もう古いとか新しいとかそんなもんじゃないワードが頭に浮かびとっても困りました。いや、口に出さなきゃいいんですが。。
これじゃ、中学校で「ステッセル」の歌歌ってた教頭先生と同じレベルだよ。


そんなことはどうでもよくてメモ(一芸やらないと気が済まんのか)。

floatで3列のボックスを横に並べたら、背景がなくなった。。;


#head{ }
.left{}
.right{}
.center{}


<div id=head>
 <div class=”left”>
 </div>
 <div class=”right”>
 </div>
</div>


とまあ、大雑把にいうとこんな感じの構成だ。
3列の場合は、左・右・真ん中だ。こう書くとまるでパチスロだ。

#headにbackgroundを指定していたのだが、小ボックスでクラス指定した途端に、周りの背景が消えてしまったのだ。しかしここで、親ID、つまり#headのボックスを縦横サイズ指定してあげればいいわけだ。
それはふと、ブログのソースを思い出してやってみたのだけど、案の定その通りだった。
CSSカスタマイズしてる人ならわかると思うけど、よく、IDの中にwidth height指定してあるでしょう。あれには、ちゃんと重要な意味があるのだ。
CSSは一から勉強するとなるとめんどくさいわけだけど、気力があればCSSカスタマイズできるブログのソースをいじってみるといいと思う。
その時は何だかよくわからなくても、どこか頭の隅に残っているものである。
テーブルだと適当に収まってたものが、CSSレイアウトになった途端、異様に難しくなった。。。しかし、サイズ指定さえ忘れなければきちんと表示してくれる。意外とブラウザごとにも表示してくれるのだ。だから、恐れることはない、よ、自分(言い聞かせてる)。
Dreamweaver、早くも面白い予感。しかし、一旦Tableを使いまくって作ったレイアウトをCSSで作り直すと、、非常にわかりにくい。。出来上がったらすっきりすることは間違いないのだけどね。。
ところで、フォトショ、イラレ、、、ってことは、ドリウィっていうのか?




うーん。。。。。。(悩)




風のセーラ、Perversionもシングルもどっちも好きだなぁ(それか)

タイトルとURLをコピーしました