本日「
Google Chrome」なるものをダウンロードして使ってみた。
（webを見るための無料ソフトで、インターネットエクスプローラーより処理速度が速くストレスなくさくさく画面が表示される！ と、いろんなサイトで評判だったから）
で、自分の作ったホームページを見てみた。
・・・・・・・・
なんか、文字の大きさが違う！レイアウトが崩れてる！
インターネットエクスプローラーではちゃんと表示されているのに・・・
で、ネットでいろいろ調べてみると、
firefox（これもwebブラウザー）でも表示が崩れている可能性がありそうなので
ダウンロードしてみた。・・・・やっぱり崩れている。
ホームページのhtml文章とスタイルシートの記述とをにらめっこしながら、ネットで原因が説明してあるサイトを探しまくった。
やっとありました。
スタイルシートの基本 -- ごく簡単なHTMLの説明
全て独学で覚えたHTMLとスタイルシートの記述ですから基本が解ってなかったんです。
原因はidやclassなどの値の頭文字を数字にしていたことだったのです。
例：＜p class="10"＞ではIEでは認識するが他のwebブラウザではスタイルシートを読み込んでくれない
で＜p class="p10"＞にhtmlを直しスタイルシートもそれに対応させたら無事に崩れた表示は直りました。
あー疲れた。でも、こんなん 結構好きです。
なんか 間違い探しゲームみたいな感じで むきになってしまうんです。
seo対策もあの手この手で検索順位を上げるゲームみたいで結構ハマリます（ロールプレイングゲームの主人公を育てる感覚）
んん？もしかして、これって オタク系？？・・・かも・・・マジで！？
素人の割には結構イケてるんですよ！（中身は別として）
てんで イケてないのはWEBデザイン！
そこまでスタイルシートを使いこなせないんだな。
本業はエクステリアとお庭のデザイン！そして施工！お庭の管理もやってます！
ちゃんとfirefox・Google Chromeでも表示崩れがなくなったホームページは
エクステリア・造園外構工事で後悔しないために：滋賀県 造園のキタジマ
画像は無しの文字だけのサイトですが・・・