*当サイトではアフィリエイト広告を利用して商品を紹介しています。

Mozilla Firefoxでの表示

サイトを作る上で、何か参考にしようとネット上を徘徊していると
「どのブラウザでも表示が崩れない」ようなデザインにするという事がよく目に付きます。
ブラウザというものは、インターネットを見るために必要なものです。
例えば、Wordを使おうと思ったらWordのアイコンをクリックしてWordを立ち上げますよね。
それでは「インターネット」を見ようと思ったら何をしていますか?
大抵、インターネットを見るためのアイコンをクリックしてソフトを立ち上げますよね。
それがブラウザなんです。ネットを見るためのソフトですね。
そして文章を書きたいと思ったらWordやノートパットなどいろいろなテキストエディタがあるように
ブラウザにもいろいろな種類があるのです。
そしてその様々な種類のブラウザは、独自の機能などを搭載していたりして
それぞれ独自性をうちだしているものですから不具合が起こります。
あるサイトを開いた時Aというブラウザでは問題なく表示されるが、
Bというブラウザでは表示が崩れてしまうという問題があるのです。
これによってサイト製作者は、どのブラウザで見ても表示が崩れないようにしようとスタイルシートをチューニングしたりしているのです。
こういう事は知ってはいたのですが、訪問者の殆どが「IE6(インターネットエクスプローラー・6)」だという事もあり、他のブラウザをインストールするのも面倒なので対策を立てていませんでした。
ところが最近ネットを徘徊していると「これからはFirefoxだ!」みたいな事をよく目にするようになったのです。
FirefoxとはMozillaが出している無料のブラウザで、軽いという特徴と「オープンソース」なので様々なプラグインが開発され続けているという事らしいです。
(ハッキリ言ってどう違うのかボクには判断付きませんが…)
でも、実際にFirefoxのブラウザが増えてきているのも確かなわけで「これはインストールしなければ」と思ってやってみました。
インストールはあっという間に済んで、さっそく立ち上げてみましたが多少グラフィックが違うくらいで、やはりIEとどう違うのかはよくわかりませんでした。
そしてボクのこのサイトのアドレスを打ち込んで表示させてみたのですが、そこで愕然としました。
表示がIEと違うのです。
今までデザインをいろいろ試してきましたが、なるほど違うブラウザでは表示が乱れるという事に納得です。
例えばフォントサイズやスタイルの問題があります。
IEでの表示↓

IE表示

Firefoxでの表示↓

Firefox表示

今まで「IE」ではなく他のブラウザでご覧になっていた皆様、すみません。
見にくかったでしょう?
これからスタイルシートの修正をしていきます。
せめてFirefoxでもきちんと表示されるようにしますからね。
もうしばらくお待ちくださいね。



タイトルとURLをコピーしました