画面遷移をするとCSSの外部ファイルが動かなくなる

Question

現在、二画面からなる動的Webプロジェクトを作成しています。
一つ目は商品情報(商品名や発売日など)を入力する画面、もう一つが登録した情報を一覧表示する画面です。どちらもCSSを外部ファイル化しています。

ここで本題なのですが、プロジェクトを起動し、入力画面が表示される際は、外部ファイルが効いています。しかし登録ボタンを押し、サーブレットを経て一覧画面へ遷移(この時外部ファイルは効いています。)、その後、入力画面へ戻るボタンを押した際、入力画面へは戻るのですが、CSSが効いておらず、スタイル崩れが起きてしまいます。

なぜこのようなことが起きてしまうのか、google検索をしてみたものの、解決策がみつからず、ここに質問をするに至りました。拙い文章で申し訳ありませんが、このような現象の原因や対応策をご存知の方がいらっしゃいましたら、知恵をお貸しください。宜しくお願い致します。

Answer 1

最初に表示する入力画面と、サーブレットを経由した後で表示する入力画面は、
URLが変わっていませんか？

CSSファイルの外部呼出しのパスを相対パスにしていると、
カレントのURIがどこなのかによって呼び出し先が変わってきます。
サーブレットを経由した場合、Webルートがカレントになるケースが多いですね。

一度CSSファイルの呼び出しを絶対パスにして検証してみて下さい。

Comments

[touch]

ご回答有難うございました。
外部ファイルのパスを絶対パスにするときちんと表示されるようになりました！
サーブレットを経由した場合、カレントが変わってしまうということは勉強になりました。
その点含めてもう少し突き詰めて勉強したいと思います。

Answer 2

IEなどではCSSの組み方によってブラウザバックでレイアウトが崩れる事があります。
一度、CSSを再検討されたらいかかでしょうか？

Comments

[touch]

解決しました。
ご回答ありがとうございました。