display


 

始めに Internet Explorer 5.x でMenuページを表示した結果です。

私のホームページは、IE での表示を主にしていますので、この表示結果が私の期待したものです。このページにも適用していますが、CSSを使用して、タグの属性(フォント・マージン・パディング・インデント)を殆ど変更にしています。目立つ変更では、H1, H2, Pタグがあります。

H1タグは、BOX属性にて右下左に黒枠を付け文字色・背景色を変更しています。また左側に枠は、1em(1文字)分の幅にしています。

H2タグは、文字色の変更と左端までの下線を付けています。

Pタグは、行頭に1文字分のインデントを付けています。

他にも色々とクラスを作成し、文字属性や背景色を変更しています。

 
[IE image] 

次に Netscape Navigator 4.5 (CSS有効) でMenuページを表示した結果です。

BOX属性が、Internet Explorer と仕様が異なるので、H1タグの表示結果が若干異なります。また、emユニットの処理に不具合があり文字サイズと行間が定義したサイズではありません。IEとNNの両方をインストールしている方は、両ブラウザの標準フォントサイズを同じにして表示し比較してみて下さい。違いがわかります。

 

 
[NN image]  
 

[ 上へ ]


Copyright © 1998-2002 Lamic. All rights reserved.

Last Updated: 2002/01/19