FireFox のみレイアウトがくずれるというサイトをたまたま見つけました。

http://akademeia.xrea.jp/htdocs/
何が悪いのでしょうか? 
なんらかのツールをつかって原因究明が簡単にできる方法はあるでしょうか?
FireBugをつかえばできるのでしょうか?

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:
  • 終了:2008/11/24 20:32:04
※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。

回答1件)

id:yumisaiki No.1

回答回数70ベストアンサー獲得回数3

ポイント60pt

ぱっと見た感じ、CSSの部分やジャバスクリプトの部分が全部外部に書ききれてないような感じがするのですが。

FIREFOXはとにかくきっちり書かないとダメな気がします。

CSSを外部にしているのにテーブルで組んでいるし。

<link class="_common_css" rel="stylesheet" type="text/css" media="all" href="http://akademeia.xrea.jp/htdocs/index.php?action=common_download_css&dir_name=/themes/system/css/style.css|/pages/default/page_style.css|/themes/panelbasic/css/default/page_style.css|/login/default/style.css|panelbasic_default|/themes/noneframe/css/style.css|/themes/panelbasic/css/default/style.css|/menu/style.css|/menu/default/style.css|/counter/default/style.css|/themes/classic/css/red/style.css|/themes/dot/css/green/style.css|/journal/default/style.css|/linklist/default/style.css|/comp/default/comp_draganddrop.css|noneframe|classic_red|dot_green&block_id_str=18|1|4|13|39|14|54|10|49|12|17|16|24&system_flag=0" />


http://yumisaiki.blogspot.com/2008/08/iefirefox.html

id:isogaya

なるほど

2008/11/24 20:32:01
  • id:gf500
    another html-lint
    http://htmllint.itc.keio.ac.jp/htmllint/htmllint.cgi
    で、文法チェックできます。
    html構文エラーと、正規文法エラーがあるようですが、多いので自分でチェックされたほうが身になると思います。
    Firefoxは、正規にコーディングすればそのように表示してくれます。
    インターネットエクスプローラ(IE)に独自の解釈があります。
    ですので、IEでの表示を標準にhtmlコーディングを覚えないほうが
    正規のhtmlが身につきます。
    とりあえずということなら、

    仮に、cssで
     div class="c1" とcss当てているなら
    .c1 {} か
    div.c1 {}
    だと思いますが

    td div.c1 {} セルの中の div という書きかたにすることである程度の部分が
    表示としては直る可能性があります。文法的にはエラーするはずですが。



この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

回答リクエストを送信したユーザーはいません