cssよくある問題解決方法のまとめ

1. HTML要素にスペルミスがありますか？終了フラグを忘れていますか？  ベテランでもdivの入れ子を間違えることが多いです。dreamweaverの検証機能でエラーがないか確認してもいいです。  2. CSSが正しいかどうかチェックします。  スペルミスがあるかどうかチェックしてください。最後の部分を忘れていませんか？ } など。Cleean CSSで検査できます。 CSSのスペルミス。CleeanCSSはCSSダイエットのためのツールですが、スペルミスも確認できます。  3. エラーが発生した位置を確定します。  エラーが全体のレイアウトに影響を与えたら、divブロックを一つずつ削除して、あるdivブロックを削除したら正常に戻ります。エラーが発生した位置を確認することができます。  4. border属性を利用してエラー要素のレイアウト特性を決定します。  float属性のレイアウトを使うと間違えます。この時、元素にborder属性を追加して元素の境界を確定します。  5. float元素の親要素はclear属性を指定できません。  MacIEでfloatの親要素にclear属性を使うと、周辺のfloat元素レイアウトが混乱します。これはMacIEの有名なバグです。知らないと回り道をします。  6. float元素は必ずwidth属性を指定します。  多くのブラウザでは、widthのfloat要素が指定されていない場合、バグが表示されます。float要素の内容にかかわらず、width属性を指定します。  また、要素を指定する場合は、px単位ではなく、できるだけemを使用します。  7. float元素はmaginやpaddingなどの属性を指定できません。  IEは、maginとpaddingのfloat要素を指定したときにbugがあることを表示する。float元素に対してmaginとpaddingの属性を指定しないでください。hack方法を用いてIEに特別な値を指定することもできる。8. float元素の幅の和は100%を下回ります。  float要素の幅がちょうど100%の場合、古いブラウザが正常に表示されない場合があります。したがって、幅の和は99%未満であることを保証してください。  9. デフォルトのスタイルをリセットしましたか？  いくつかの属性は、margin、paddingなど、ブラウザによって解釈が異なります。そのため、開発前にまず全体のmargin、paddingを0に設定し、リストスタイルをnoneなどに設定したほうがいいです。  10. DMDを書き忘れましたか？  どのように違ったブラウザの表示結果を調整しても違っているなら、ページの先頭に下記の行を書くのを忘れていないか確認してもいいです。