検索プログラマのメモ帳

壁にぶつかったら検索で調べるプログラマのちょっと遅れたメモ帳。たまに自分で挑戦する。

Skip to: Content | Sidebar | Footer

cssレイアウトの崩れ防止

24 7月, 2009 (06:54) | CSS | By: admin

[:ja]1.余白はできるだけmarginで指定する。
ie6とfirefoxでpaddingの観念が違う。
・ie6は幅の外側にpaddingの幅
・firefoxは幅の内側にpaddingの幅

2.ボーダーをつける場合はwrap用のdivタグでfirefoxを想定して囲み、その中でボーダー付きのdivなどを使用する。
・ie6は幅の内側にボーダーの幅
・firefoxは幅の外側にボーダーの幅

3.サイズ調節
・1pxでも幅がレイアウトの幅を超えてしまうとレイアウトが崩れる。

4.長い一つの文字列を要素の範囲内で折り返し表示させたい
・word-wrap: break-word;[:zh]1.余白はできるだけmarginで指定する。
ie6とfirefoxでpaddingの観念が違う。
 ・ie6は幅の外側にpaddingの幅
 ・firefoxは幅の内側にpaddingの幅

2.ボーダーをつける場合はwrap用のdivタグでfirefoxを想定して囲み、その中でボーダー付きのdivなどを使用する。
 ・ie6は幅の内側にボーダーの幅
 ・firefoxは幅の外側にボーダーの幅

3.サイズ調節
 ・1pxでも幅がレイアウトの幅を超えてしまうとレイアウトが崩れる。

[:en]1.余白はできるだけmarginで指定する。
ie6とfirefoxでpaddingの観念が違う。
 ・ie6は幅の外側にpaddingの幅
 ・firefoxは幅の内側にpaddingの幅

2.ボーダーをつける場合はwrap用のdivタグでfirefoxを想定して囲み、その中でボーダー付きのdivなどを使用する。
 ・ie6は幅の内側にボーダーの幅
 ・firefoxは幅の外側にボーダーの幅

3.サイズ調節
 ・1pxでも幅がレイアウトの幅を超えてしまうとレイアウトが崩れる。

[:]

Write a comment