外部スタイルシートを用いる文書を保存できない

症状

以下の条件のいずれかに当てはまるとき「Web ページ、完全」形式での文書保存に失敗する。

  • 外部スタイルシート内で@importを用いており、外部スタイルシートとインポートされるスタイルシートがHTML文書とは別のディレクトリに置かれている場合。
  • 外部スタイルシートがHTML文書とは別のドメインに置かれている場合。

(WinIEのメニューで[ファイル]→[名前を付けて保存...]を選択し、「ファイルの種類」で「Web ページ、完全」を選択してHTML文書と関連ファイルをまとめて保存するときに発生する現象です)

例示

このHTML文書のスタイルシート使用:

<link rel="stylesheet" type="text/css" href="img/b066.css" title="専用">

このページで使用しているスタイルシート「b066.css」内の記述(一部):

@import 'b066a.css';

インポートされたスタイルシート「b066a.css」内の記述:

body {
  border-bottom: 2px dashed navy;
  padding-bottom: 1em;
}

「b066.css」と「b066a.css」はサブディレクトリ「img」内にあります。インポートしたスタイルシート内で、body要素の下端に破線ボーダーを設定しています。このページを症状で示した方法でローカルに保存してみてください。

補足

ローカルファイルを保存する場合にこの現象は発生しません。

「Web ページ、HTML のみ」、「Web アーカイブ、単一のファイル」、「テキスト ファイル」の各形式で保存する場合にこの現象は発生しません。

外部スタイルシート内で、@import宣言の前に@charset宣言をおくとエラーなく保存できることがあるようです。ただし、この場合でも保存できないこともあるようです。

@charset "Shift_JIS";
@import url(font.css);

修正状況

WinIE6.0で不具合の発生を確認しました。

関連記事

スポンサーリンク

各メーカーのルーターのID・パスワードの一覧 F

ホームページ製作・web系アプリ系の製作案件募集中です。

上に戻る