喫茶LAPON-β

練習｜ブログっぽいものを組んでみた（にわとり）の怪しい箇所を復習しました。

（１）ひよこの吹き出し
なんで、ここにclearfixが必要なんだろう？？と思っていたのですが、これ、そもそも作り方が間違っていました。使っている画像3枚の組む順番の間違い。

いままで
真ん中の画像
上の画像
下の画像
で組んでいたのですが、

下の画像
上の画像
真ん中の画像
と組むのが正しいかったようです。

サンプル01...組むとこんな感じになります。今までずっと間違った組み方してました。。。過去にアップしたやつもなおさねば

そして、これ普通に組むと↑↑↑上の画像のようにヒヨコちゃんが切れちゃうんです。デザインしてるときにはギリギリ組めると思ったんだけどなぁで、なんかするにはmin-height:で高さを確保する。でも、min-height:はIE６が未対応なので、ハックとjsを使います。
ハックを使って高さをとる方法
jsを使って高さをとる方法
これでヒヨコちゃんが切れなくなりました

（2）左メニュー
ここにもclearfixを使ってたんですが、これの原因も画像の組み方の問題でした。上記のことやってみたら
組み直した平メニュー
これで解決ゾロリです☆

また、リストのアイコンをbackgroundに敷いていたら、Kお兄さんから普通のリストでできるのでは？？という指摘を受けたのでlist-style:inside;を指定してみました。

この前は一人で組めた！と大喜びでしたが、間違った組み方をしていたことに衝撃 min-width:; max-width:もよくわかってなかったことが判明したし。むむむ