AMAZing firefoxがページのレンダリングに失敗しました！ like、at

Question

どこから始めるべきかわからない。浮動小数点型（float-tastic）のページは、レンダリングされません。まったく別のタブから切り替えると、古いページが引き続き表示されます。リロードすると、/ some/elementsを他のページに描画します（本当に！）。あなたがスクロールすれば、ばかげたグリッチと5〜30pxの高繰返しのページが得られます。ここで

は、問題のページです： http://artdispenser.com/quarterrat/index2.php

これは、パンク・ロックタイプの外観を作成するために山車を交互に長い列として設定されます。ページはランダムに生成されますので、数回リロードしてください。

他のブラウザでもうまく動作しているようです。誰もこれのようなものを見たことがありますか？どこから始めたらいいの？私は、このページは、何が起こっているのかを知っている誰でもすぐに問題を知るような失敗のような凄惨な山です。

• ありがとうございます！

Answer 1

初心者は、同じIDをページに複数回使用しています。それは悪い、非常に悪いHTMLです。しかし、それは問題ではありません。

第2に、FF does have issues rendering monospace fonts。あなたの場合はCourierとなります。 Courier Newに変更してください。もう一度動作します。しかしそれに応じてフォントのサイズを変更する必要があります。

ウェブセーフフォントの使用を強くおすすめします。これらのフォントのサンプルリストはhttp://www.ampsoft.net/webdesign-l/WindowsMacFonts.htmlまたはhttp://www.ampsoft.net/webdesign-l/WindowsMacFonts.htmlにあります。

@David Dorwardが述べたように、ページを検証します。それはまたあなたのフォントレンダリングの問題を選んだかもしれません。

Answer 2

最後のこの部分は非常に有望に見えるしません：それはあなたがhtmlタグを開いたことはありませんことを助けていません

</body> 
</html>kes to move the world.You unlock this door with the key of imagination. Beyond it is another dimension: a dimension of sound, a dimension of sight, a dimension of mind. You're moving into a land of both shadow and substance, of things and ideas; you've just crossed over into the Twilight Zone. 
    </div>--> 
</div> 

</div> 

</body> 
</html> 

、あなたはそれを閉じているにもかかわらず。 2倍。