クロスブラウザのページ表示

Question

私のコードはhttp://snipt.org/umnnh/です。私のすべてのブラウザでは、Mozilla Firefoxを除いてうまくいきます。 Mozilla Firefoxを使用すると、テキストボックスが広すぎて高すぎます。これは簡単に修正できますか？私は何が間違っているのかわからない。

Answer 1

画像がログイン欄のあるテーブルの外にあるため、別の場所に表示されます。

<table style="background-image:url('http://www.trinuxsoft.info/os/images/loginform.png')" width="300" border="0" align="center" cellpadding="0" cellspacing="1"> 

または、画像と背景の両方にdivを使用することもできます。

Firebug Firefoxプラグインをお勧めします。何がうまくいかないのかを理解したいときにはうれしいです。

Answer 2

<!DOCTYPE>タグを使用していないので、あなたのツールセットにはHTMLバリデーターが含まれていないと思われます。 DOCTYPE（例：4.0移行）とvalidate the codeを追加すると、いくつかのエラーが表示されます。無効なHTMLの主な問題は、ブラウザを推測することです。適切なレンダリングは基本的にすべてのブラウザで同じですが（理論的には）、クォークモードはブラウザごとのトリックの予測不可能な集合です。

表のセルにwidth属性を使用すると、レイアウトを取得するのに適していないことにも注意してください。 HTMLはテーブルを表示するための複雑なルールを指示し、カスタムサイズは無視される可能性が高いため、信頼性がありません。ブラウザはすべてのサイズを選択するか、CSSレイアウトに切り替える必要があります。