- 2007-06-06 (水) 19:34
- stylesheet
ども。今日もhtmlとcssを一日中書いていた自分です。
さてタイトルの件ですが、そもそもカラム落ちはどんな時に生じるでしょうか？
①ボックスのwidth要素の指定が正しくない（大きすぎる場合）
②ブラウザ間でのボックスのwidth要素の解釈の違い。
③ボックス内のテキストや画像が大きすぎて、 width要素が膨らんでしまう。
とまぁこんなところでしょうか。
①はまぁしょうがないので、長さを確認してみてください。
②ですが、こちらはMozillaとIEを例に取り上げます。
まずこのソース
<div style=”width:50px;height:50px;padding:10px;background-color:red”>
■
</div>
■
このボックスのはIEだと50px×50pxですが、Firefoxだと70px×70pxになります。
padding要素の解釈の違いですが、困った話です。borderも同様の動作がおこります。
paddingを使いたいときは、ボックスを入れ子にして使いましょう。
こんな感じ。
<div style=”width:50px;height:50px;background-color:red”>
<p style=”padding:10px;”>■</p>
</div>
■
書いてたら長くなってしまったので、続きは今度にします。
関連記事
このブログを書いているsayjiroは最近会社を立ち上げました。小さな小さな会社ですが、一緒に働く仲間を探している今日この頃です。
社員が僕しかいない小規模零細企業ですが、自由に楽しく仕事をしつつWebを使って面白いことができればと思ってます。
募集している人物像：向上心がある・Webともの作りが好き（ある程度経験があると嬉しいですが、未経験でもやる気があれば可です）
お仕事内容：Web周り全般。サイト制作やデザイン、システム構築やiPhoneアプリ開発などいろいろです。
働く形態：その人に合わせて応相談(在宅とかでもいいです)
→興味がございましたらこちらからお気軽にご連絡ください！
コメント:0
トラックバック:0
- この記事のトラックバックURL
- http://sj6.org/float%e3%82%92%e4%bd%bf%e3%81%a3%e3%81%9f%e3%82%b5%e3%82%a4%e3%83%88%e3%83%ac%e3%82%a4%e3%82%a2%e3%82%a6%e3%83%88%e3%81%a7%e3%80%81%e3%82%ab%e3%83%a9%e3%83%a0%e8%90%bd%e3%81%a1%e3%82%92%e3%81%95/trackback/
