ブラウザ概要 ~異なる表示~ [blog / サイト考察]
各種ブラウザ間の異なる表示
下記のサンプルにて、各種ブラウザの異なる表示です。
CSS3の「border-radius」を適用した場合の例です。
■ Internet Explorer
■ Firefox
■ Safari
IE以外は、角が丸くなります。
「border-radius」はCSS3の最新の標準ですが、各種ブラウザにより
この様に表示の違いが出てきます。少し違うだけで目立ちますね。
自分の作成したページが意図した通りに、閲覧者と同じく見えている訳ではなく
利用するブラウザにより表示が異なる事を念頭に、サイトは作成する必要があります。
ブラウザの表現力の向上やウェブページの言語の発展等で、
サイト作成者にはより、多様なページ作成が可能になった反面、
近年の各種ブラウザへの利用者の分散で、作成サイドとしては
作成に気を揉む悩ましい事実でもあります。
作成CSSサンプル
#radius {width:260px; height:120px; padding:2px; background-color:#5f84c8; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px;}
次回に続く。