Igaloglog

要は、フッターなどでこういうデザインを実現したいときってことです。

text自体は左寄せで、p要素は右寄せ。そいでそのp要素の左側に画像を背景として配置する、ということです。

こいつのHTMLはこうなっています。

<div id="footer">
<p>仙台で働くウェブ屋さんの技術メモ<br />
Copyright (C) 2008 igarashi of MagicalRemix&Co.</p>
<!--/footer--></div>

span や div を使ってみようかとも思いましたが、装飾のためにHTMLに記述増やすのは本末転倒じゃね？と脳内神から神託が下ったので、HTMLはそのままでCSSでどうにかしました。
その分ちょいと迷いましたが、まぁ、わりとあっさり解決できたほうなんじゃないのかな？
続きを読む »

float というタグは便利なんですけど、後始末が面倒くさいタグです。
画像や要素を float させたら、その親要素に float を指定するか、div や br に clear をクラス指定で後始末しなければなりません。その後始末を怠ると、でろっと親要素からはみ出してしまいます。俗に言う「float落ち」です。
ですから、float したら clear しなければいけないのですが、コレが面倒くさい。
「料理するのは別にいいんだけど、洗い物が面倒くさい」という感情に似ているような気がします。
続きを読む »