私が今作成しているCSSのサイトなのですが。。
firefoxでチェックしながらはちゃんとみれていたのですが、最終チェックでIEでみるとCSSが反映されずに表記されてどうにも困っています。
原因なんなのでしょうか?
お詳しい方お教えくださいませ。
--------------------------------------------------------------
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dt …
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="content-style-type" content="text/css" />
<title>museo international</title>
<link rel="stylesheet" type="text/css " href="css/index.css" media="screen.print" />
--------------------------------------------------------------
なにか違う所がありますか?どなたかお教えください。
困っています。
A 回答 (5件)
- 最新から表示
- 回答順に表示
No.4
- 回答日時:
ANo.1,3です。
> 反映されましたが、レイアウト崩れがおこりあたふたしております
つまり、今までCSSが反映されていたFirefox上ではレイアウトが崩れずに表示されていたが、IEにCSSが反映された状態ではレイアウトが崩れている、という事ですよね。それはCSSの内容に関する問題ですので、本件とは別スレッドでどうぞ。
※IEはCSSに関してあれこれと仕様に準拠しない挙動をしてくれる困ったちゃんですので、IE対策を別途工夫する必要に迫られる事が多々あります。
No.3
- 回答日時:
ANo.1です、一部訂正しておきます。
> 文法チェッカーにかければすぐわかりますよ。
チェッカーではこの手合いは見過ごしてしまうみたい(Another-lintもW3CのValidatorも)でした、すみません。
No.1
- 回答日時:
<link rel="stylesheet" type="text/css " href="css/index.css" media="screen.print" />
上記の記述中に誤りがあります。
type="text/css "
おしりにスペースが入ってます。これを削除。
それから、
media="screen.print"
正しくは、media="screen, print"
です。
こういうケアレスミスは文法チェッカーにかければすぐわかりますよ。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS html/cssで要素が出てこなくて困ってます 1 2022/12/31 16:59
- HTML・CSS cssが効かなくて困ってます 1 2023/01/01 23:57
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- HTML・CSS html cssのmargin 5 2022/12/03 11:04
- HTML・CSS cssの display: flex;で横並びにならずに困ってます 1 2022/12/04 13:18
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- HTML・CSS htmltとcssのコードで 1 2022/11/26 13:37
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
- HTML・CSS CSSが上手く反映されないみたいです 2 2022/11/21 16:19
- HTML・CSS <!DOCTYPE html> <html> <head> <meta charset="utf-8 2 2023/01/05 01:04
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
cssファイルの名称付け
-
cssファイルを階層の異なるHTML...
-
サイトを作る時のcssファイルは...
-
範囲指定印刷での位置(css)
-
スタイルシート(CSSスタイル)...
-
拡張子 .cssに続く暗号みたいな...
-
ディレクトリ構成【「common」...
-
リンクについて
-
jspにcssを反映させるには
-
CSSファイルの分け方皆様はどの...
-
ブラウザでプレビューでCSSが反...
-
デバイス毎、画面の向き毎にデ...
-
HTMLの CSSのファイルというの...
-
画面キャプチャー 禁止 css
-
cssでiPhone SEで文字が小さす...
-
ドキュメントルートより上の階...
-
outlook 文字を揃えたい。tab...
-
マイクロ(μ)の文字を半角で出...
-
教えてください。
-
入力規則のリストの文字の大き...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
cssファイルの名称付け
-
jspにcssを反映させるには
-
ディレクトリ構成【「common」...
-
サイトを作る時のcssファイルは...
-
HTMLの CSSのファイルというの...
-
cssで、ボタンのテキスト部分を...
-
複数のhtmlで同じcssファイルを...
-
cssファイルを階層の異なるHTML...
-
cssが反映されません
-
一部のページにデフォルトCSSを...
-
WindowsとMacで違うCSSを読み込...
-
エクセルファイルにCSSを読み込...
-
定数の定義とかはできますか?
-
ブラウザでプレビューでCSSが反...
-
範囲指定印刷での位置(css)
-
ドキュメントルートより上の階...
-
スタイルシート(CSSスタイル)...
-
Dreamweaver のテンプレートで...
-
【CSS】スタイルやクラスがどの...
-
cssでiPhone SEで文字が小さす...
おすすめ情報