0

私のウェブサイトは、Chrome や Safari と比べて Firefox では異なって表示されます。ページ上部のロゴ画像がページ上部に向かって高く配置されています。

vertical-align を使用してみましたが、うまくいきませんでした。助言がありますか？(ページはinstitute101.com)

header .logo img.standard {
display: none;
vertical-align: middle;
}

ページは IE ではさらに混乱しています。ページをすべてのブラウザに対応させる際に覚えておくべき一般的なルールはありますか?

4

2 に答える 2

3

レイアウトの違いは、Firefox が要素の 30 ピクセルのパディングを考慮していないためbodyです。Firefoxはそれを無視しているようです。

問題は恐ろしい癖モードである可能性が高い.

サイトが有効な Doctype で始まっていない場合、多くのブラウザーはページを互換モードにします。quirks モードの問題は、ブラウザによって動作が異なることです。

あなたのページには doctype がありますが、重要なことに、それはページの最初のものではありません。そのため、奇妙なモードになります。その前に不正な CSS タグと JavaScript タグがあります。<head>これらはページのセクションに移動する必要があります。

IEに関する限り、これを修正すると問題は確実に解決されます。おそらくFirefoxの問題を解決します。

それが役立つことを願っています。

于 2013-09-08T21:24:16.543 に答える