プレビュー結果の違い IE FF 及び画像の場所の指定について

48 Posts

ssmk Reply #1, 17 years, 5 months ago

再び質問して申し訳ありません。 tongue

ずっとFirefoxでPreviewしながら作成していましたが、IEで確認したところ画像が表示されず、またCSSの指定される配置にも大きな差異が出ました。

いくつかの表示されている画像はCSS側で設定されているもので、保管場所のアドレスが
"/image/***.gif"
の相対パスとして設定されています。（正しい扱いかわかりませんがはCSSファイルはDBには取り込んでなく、外部ファイルとしてあります）
しかし、ドキュメントの画像は
<base href="[(base_url)]">
<img src="assets/templates/test/images/***.gif">
と記述してあり、
[(base_url)]自体はどこに設定されているものかまだわかりません。
サイト設定のファイルマネージャのパスは"C:/Program Files/xampp/htdocs/modx/"です

このブラウザ間の相違や、本番FTPで指定フォルダが変更される場合に不安が残りますが
どこを参考に学んだらよろしいでしょうか？ご教授お願いします。

初心者代表 (やらいでか！http://ssmk.blogspot.com/)

224 Posts

custar Reply #2, 17 years, 5 months ago

こんばんは。

Quote from: ssmk at Nov 10, 2006, 10:47 AM

FirefoxでPreviewしながら作成していましたが、IEで確認したところ画像が表
示されず、またCSSの指定される配置にも大きな差異が出ました。

cssvista というソフトを使ってみたらどうですか。ie/ff の表示結果を同時に見れます。

CSSVista: Live CSS editing with Internet Explorer and Firefox simultaneously

Quote from: ssmk at Nov 10, 2006, 10:47 AM

<base href="[(base_url)]">
<img src="assets/templates/test/images/***.gif">
と記述してあり、[(base_url)]自体はどこに設定されているものかまだわかりません。

まずは、ブラウザに出力された html を表示して確認する事が一番確実です。
画像のパスも、<base> もそれではっきりするんじゃないでしょうか。

また、modx を使わず、xampp と html だけで動作確認をやってみた方がいいで
すよ。html+css の理解が進みます。

<base href="[(base_url)]" /> は <head> 内に配置すると思います。
W3Schools で確認するのをお勧めします。
css ファイル内に書かれた画像のパスに <base> が反映されるか、確認が必要でしょう。

48 Posts

ssmk Reply #3, 17 years, 5 months ago

いつもありがとうございます。
参向にさせていただきます。何か発見/発展が有りましたら、又投稿させていただきます。

初心者代表 (やらいでか！http://ssmk.blogspot.com/)