CSS+HTMLの学習記
スタイルシート+HTMLと付き合っての学びなどを、徒然なるままに書き残してつつ。。
2010年5月19日水曜日
floatで左右に振って、スライドバーが出現。
左右にカラムを並べるごく一般的なレイアウトで、以前作ったサイトのページ下部にスライドバーが表示されている事に気がついた。
色々調べて、左右それぞれをfloatで左右に振っているのが良くないと判明。
左はfloatで寄せて、右はmargin-leftで右に寄せていく、という方がベターですね。
floatの多用は気をつけないと、表示崩れを起こしやすい、と改めて認識。
2010年5月12日水曜日
IE6でフォームをfloatしたら、崩れた。。
IE6以外は大丈夫でしたが、
header領域をdivでくくり、その中でformをfloat:rightなどとして右寄せしてみたら、
divのheightを大きく崩して、間延びしたレイアウトになってしまいました。
理由が分からなかったのですが、
formをfloatしても、IE6の場合は括られている領域のheightを押し広げてしまうのが原因と判明。
position:absolute;にして対応して、無事レイアウト崩れが収まりました。
新しい投稿
前の投稿
ホーム
登録:
投稿 (Atom)