見出しの位置がIEとFirefoxで異なる場合の対処方法
見出しの位置がブラウザによって異なる場合の対処方法について説明します。
IE以外の既定の見出しの上マージンの値は異なる
Internet Explorerでの見出しの既定での上マージン(margin-top)は0ピクセルですが、Firefox、Safari、Operaなどは15ピクセルなどといった具合になります。それぞれの要素のマージンとパディングの値はブラウザによって異なるので、すべてのマージンをゼロにしてから、それぞれのマージンなどを設定するとスムーズかもしれません。
すべてのマージンとパディングの値をゼロにする方法
- [スタイルの適用]または[スタイルの管理]作業ウィンドウから[新しいスタイル]をクリックします。
- [新しいスタイル]ダイアログボックスのセレクタボックスには「*」を入力します。
- [ボックス]カテゴリを開き、以下の図のように、[padding]と[margin]を「0」にして、[OK]ボタンをクリックします。
関連情報
詳しくは、「ひと目でわかるMicrosoft Expression Web 2」の第2章P71のコラム「見出しスタイルをどのブラウザでも同じバランスで表示する方法」をご覧ください。
INDEX
問題は解決しましたか?
操作方法、設定方法等で困ったら、 Expression Web Users Forum に投稿してください!