Webブラウザ、Firefoxを使ってみました。
タブブラウザ機能はいいですね。
ただ、いつも見ているサイトでたまに表示がおかしかったりするのがあるのが気になりますが。
FirefoxはCSSに対応しきれていないみたいですね。
ということでTABITEAMも見てみましたが…
！！！！？
ず、ずれている！！！
それも激しく！！！orz
メイン部分が下側に来ているということは幅のサイズの問題か…？
CSSでレイアウトを作っているのが仇となったか…
以前まではテーブルタグでレイアウトを作っていたんですが、
これからの時代はテーブルタグではダメだということでCSSにしたんです。
しかしまあ、こんなことになってるとはねぇ…
対処法を調べているとこんなサイトを見つけました。
ウェブテクニック
http://www.timedesign.ws/blog/archives/2005/02/firefox.html
グムー、なるほど…
リニューアルの際、テーブルタグはこれからは使わないと決めていたのですが、
GBA講座などの表を作り直すのが面倒だったので、そのままテーブルタグで移行してきています。
なので結構雑なんですよ、作りが…
そこで、上記のサイトにあったHTML文書の文法をチェックして採点するサイトでTABITEAMをチェック。
http://openlab.ring.gr.jp/k16/htmllint/htmllintl.html
10点もないだろうな〜、と思っていましたが…
＞チェックの結果は以下のとおりです。
＞http://tabiteam.s16.xrea.com/ を HTML4.01 Transitional としてチェックしました。
＞165個のエラーがありました。このHTMLは -241点です。タグが 16種類 107組使われています。
＞文字コードは Shift JIS のようです。
＞先頭の数字はエラーのおおまかな重要度を 0〜9 で示しています(減点数ではありません)。
＞少ない数字は軽く、9 になるほど致命的です。
＞このHTMLには重要な問題が多く含まれています。
＞環境によっては閲覧できない可能性が非常に高いと言えます。
＞減点対象外のごく軽度のエラーは割愛されています。
＞8: line 4: 最初の記述が DOCTYPE宣言ではありません。 → 解説 2
＞2: line 4: には LANG 属性を指定するようにしましょう。 → 解説 119
※以下厳しい指摘が続々と続く…
こ、これはひどい…
−241点って…
もっとちゃんとやらねば…
ちなみにYahoo! JAPANも勝手ながらチェックしてみました。
たぶんかなり良い点取ってるんだろうなと思いつつ…
＞チェックの結果は以下のとおりです。
＞http://www.yahoo.co.jp/ を HTML4.01 Transitional としてチェックしました。
＞785個のエラーがありました。このHTMLは -333点です。
＞タグが 27種類 1357組使われています。
＞文字コードは EUC-JP のようです。
＞先頭の数字はエラーのおおまかな重要度を 0〜9 で示しています(減点数ではありません)。
＞少ない数字は軽く、9 になるほど致命的です。
＞このHTMLには重要な問題が多く含まれています。
＞環境によっては閲覧できない可能性が非常に高いと言えます。
＞減点対象外のごく軽度のエラーは割愛されています。
TABITEAMを越えててヨカタ！（笑）
まあでもこれからはマイナス地獄を脱せられるよう努力していくか。
あ、ちなみにこのブログはなんと82点でした。
当然ながら私がプロミングしたわけじゃないですが…すごいですね。
…と、まあ点数の方はともかくとして（＾＾；）Firefoxで激しくずれてしまうのを対処しなければ…
でもまあそろそろリニューアルの時期だしなぁ…
暇な時にやるか。（おい）
※TABITEAMはIE推奨サイトです。＾−＾；
