質問: html を jsp に変換すると、ページ上の画像と入力ボックスが移動するのはなぜですか? _html/css_WEB-ITnose

フロントエンド HTML JSP

私はフロントエンド専攻ではなく学校の学生ですが、小さなプロジェクトを立ち上げるときはすべて自分でやらなければなりません

バックのテンプレートを見つけました。インターネット上の終了ページのデザインは HTML で、それを JSP で作成しました。FX または Chrome ブラウザで 2 つのページを開いたときの閲覧効果は同じです。入力ボックスと JSP 内の一部のテキストがずれているように見えます

フォーラムの皆さんからアドバイスをお願いします。

保存できますか？

ディスカッションに返信（解決策）

ページの先頭を設定


このコンテンツの前に他のコンテンツを置くことはできないことに注意してください。
<@これらのコマンドの間は改行しないことが最善です

先頭を設定しますページの
< ;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

注: このコンテンツの前に他のコンテンツを置くことはできません
<@これらのコマンドの間で改行しないことが最善です

申し訳ありませんが、役に立ちません

JSP を構築したときに、デフォルトは
ではありません。あなたに切り替えたら変わります

HTMLを閲覧する際に各要素の位置を閲覧するのにIEを使用します。 JSPで書いた場合、IEで閲覧するとずれます

最終的にJSPを実行した結果。はすべて html です。ブラウザのソース コード内の html がまったく同じであることを本当に保証しますか?

HTML ファイルの拡張子を jsp に直接変更して、ブラウザでテストできます

一般に、違いにはいくつかの理由があります:

1. dtd の違い
2. ファイル エンコーディング (jsp) の違いおよび css ファイル)
3. JS コードの実行順序は異なります。DOM 要素へのアクセスは、onload が完了した後に行う必要があります

JSP 実行の最終結果は、ブラウザーのソース内の HTML であることを本当に保証しますか。コードは全く同じですか？

HTML ファイルの拡張子を jsp に直接変更してから、ブラウザでテストできます
私はこれを試して、IE で開いたときは何も変化しませんでしたが、< を追加すると、ブラウザでテストできました。 this jsp ;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">その後、ディスプレイスメントが表示されます。はい、これはなぜですか?

IE ブラウザの右上隅で、ページ -> 互換表示で、このオプションのチェックを外します...

IE ブラウザの右上隅で、ページ -> 互換表示で、このオプションのチェックを外します...

それは役に立ちません。

DTD が異なれば、ブラウザーの解析方法も異なります。DTD を明示的に指定しない場合、ブラウザーごとに異なるデフォルト DTD が使用されるため、ブラウザーの互換性を確保するには、DTD を明示的に指定する必要があります。

現在最も一般的に使用されているのは


の後に



ずれているのはcssやjsの問題です。どうしても解決策が見つからない場合は、HTML、CSS、JSなどを投稿してください。

ずれが発生する場合は、CSSまたはJSに問題があります。本当に解決策が見つからない場合は、HTML、CSS、JS などを投稿してください。

まだ機能しませんね

ページ コードは、ホームページで共有されている 27 の背景ページ デザインの 1 つであり、解凍されたファイルです名前 1249564182_21200268、内部のログインページです。他のページはまだ設定していません
異なる DTD には異なるブラウザ解析方法があります。DTD を明示的に指定しない場合、異なるブラウザは異なるデフォルト DTD を使用します。ブラウザの互換性を確保するには、dtd を明示的に指定する必要があります。
現在最も一般的に使用されているのは

の後に


ヘッダーを書かなければ、デフォルトでブラウザーに解析させても大丈夫ですか？ ?