実録！ホームページ制作者の声 -プロが教えるSEO対策やスタイルシート設定のポイントなどお役立ち情報満載！-:widthとpaddingを同時に記述しない！スタイルシートレイアウトにっとってクロスブラウザは避けては通れないモノ。記述によってはIE7とIE6の間にも解釈に違いが見られ、MacIEなどの旧ブラウザなどには泣かされた人は少なくないはず。そこで、スタイルシートレイアウトでのちょっとした工夫を紹介します。 まずは、下記の例を見てください。 HTMLサンプル ========================================= <div> <p>テキスト</p> </div> CSSサンプル ========================================= div{ width:200px; padding-left:20px; } このようにwidthとpaddingを同時に指定すると、IEでは200ピクセルで表示されますが、Firfox等ではwidth＋paddingの220ピクセ
