cssレイアウトの崩れ防止

[: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でも幅がレイアウトの幅を超えてしまうとレイアウトが崩れる。

[:]

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です