stylesheet リンク切れの対処

●stylesheet について

スタイルシートがどういうものか、だいたい想像はついていた。
MS-Word などのワープロにある「スタイル」のようなものでしょう。

つまり、スタイルを指定しておくと、マスターのスタイルを修正すると、
そのスタイル属性をもつものは一括して修正が反映されるわけでしょ?

なんだ、これってクラスそのものじゃん!

 

Dreamweaverでは編集画面とブラウザによるプレビューが違っていて結構ややこしかったです。用語もよくわからなかったし。

それでも、おおよその使い方がわかって、まじめに使い始めたときに、トラブルが発生しました。

【ローカルではスタイルシートが機能している
【ブラウザによるプレビューでも機能している
【サーバに上げると機能していない

何じゃ、こりゃ!!

結局、スタイルシートへのパスが絶対パスに書き換わっていたことが原因だった。気が付いたのはすべてのスタイルを削除して再設定してから。とほほ、というお話でした。


スタイルシートへのリンク切れは
「リンクが絶対パスになっていないか」を確認すること
(注)。

(注)スタイルシートに限ったことではない





状況
原因と対処
スタイルシートがローカルでしか反映されない html内でスタイルシートへのパスが絶対パスになっていたのを相対パスに書き換える

 

スタイルシートへのリンクが絶対パスになっていた(画像は修正済み)。

これではローカルでは正常に表示し、サーバではリンクが外れるのは当然。