普通にタグによって作成しているページに、スタイルシートで一括で指定をしています。
ところが、IEではきちんと表示できるのに、Safariではスタイルシートでの指示がはずれてしまいます。
以前、同じ指定で作っていたときは、きちんと表示できていたのですが、原因が究明できません。
スタイルシートの記述は、まったく同じです。Safariの環境設定も同じなのに、前に作ったものは、きちんと表示でき、今回作ったものだと表示できないのです。
IEで表示できるなら大丈夫かな、と、思わないでもないのですが、このような場合の原因をさぐるのは、どうしたらいいのでしょうか?
よろしくお願いします。
No.1
- 回答日時:
文字コード指定などの記述ミスが考えられます。
実際に見せていただければ原因の特定が可能かもしれません。
この回答への補足
ありがとうございます。
<meta http-equiv="Content-type" content="text/html; charset=Shift_JIS">
<style type="text/css" media="screen"><!--
.main {width:724px;
padding-top:5px;
vertical-align:top; text-decoration:none}
.main h1 {font-size:18px; color:#666666;
font-family:Arial, Helvetica}
.main h2 { color: #666666; font-size: 12px;
border-bottom: 3px solid #666666}
.main p{font-size:11px; color:#666666}
--></style>
これです。テーブル内をmainで指定しているのですが、
IEではちゃんと<h1>と<h2>の指定になるのですが、
Safariでは表示ができません。
ちなみに、<p>の指定はちゃんと表示できてます。
どこかミスがあるのでしょうか…。
よろしくお願いします。
No.2
- 回答日時:
> 以前、同じ指定で作っていたときは、きちんと表示できていた…
> スタイルシートの記述は、まったく同じ…
>Safariの環境設定も同じ…
それなのに、結果が違う。
こういう場合に考えられる事は、
1) 前回と今回で、別のコンピュータを使って作った
2) 前回と今回で、OSの種類が違った
3) 前回と今回で、種類の違うテキストエディタを使って書いた
などが考えられますが、どれか該当しますか?
この回答への補足
ありがとうございます。
1)と2)が該当します。
テキストエディタも、OSの変更に伴い、バージョンが変わってます。
前の環境に戻すことができないのですが、どうしようもないのでしょうか?
よろしくお願いします。
No.3ベストアンサー
- 回答日時:
このCSS、ソースそのままコピーですか?
だとしたら、漢字の空白が入っているためと思われます。
↓ここ
.main h1 {font-size:18px; color:#666666;
font-family:Arial, Helvetica}
↓ここ
.main h2 { color: #666666; font-size: 12px;
↓ここ
border-bottom: 3px solid #666666}
.main p {font-size:11px; color:#666666}
--></style>
確認してみてください。
3番目の空白は、ここに貼ってから入れたものでしたが、
h1とh2の横のスペースは全角のスペースが入ってました。
IEで表示できていたもので、ミスを見つけられませんでした。
初歩的なミスをしてしまってお恥ずかしいです。
ありがとうございました!
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・人生のプチ美学を教えてください!!
- ・10秒目をつむったら…
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・【大喜利】【投稿~9/18】 おとぎ話『桃太郎』の知られざるエピソード
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
Powered by FC2.comの文字サイズ
-
nasmにおけるレジスタの指定
-
Format 関数 表示書式指定文字...
-
CSSでのフォントの種類指定
-
文字の位置、上下のマージンが...
-
FC2ブログの改行幅の質問です。
-
またまた正規表現><
-
outlook 文字を揃えたい。tab...
-
マイクロ(μ)の文字を半角で出...
-
教えてください。
-
フォルダ内の写真を画面幅にあ...
-
EXCEL VBA 印刷プレビューダイ...
-
入力規則のリストの文字の大き...
-
テーブル内の文字サイズを変更...
-
alertで表示させる文字サイズは...
-
オプションメニューの中の文字...
-
Dreamweaver のテンプレートで...
-
ユーザーフォーム スクロール...
-
Illustratorで作成、pngで保存...
-
PDFファイルを開かずに印刷...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
HLMT、CSSについて相談です。 ...
-
文字の位置、上下のマージンが...
-
リストの前後の行間をなくす方...
-
Format 関数 表示書式指定文字...
-
background-color: #ddd;の意味...
-
HTMLで特定の文字だけ色を変え...
-
全角半角含めて等幅で表示したい
-
リンク文字
-
テキストボックス途中で切れて...
-
テキストエリア内の文字の装飾
-
jquery.validationEngine.jsカ...
-
Excel VBA メール作成について ...
-
fontサイズ指定の ”-(マイナ...
-
特定の文字のみcssを適用するに...
-
Excel VBA メール作成について ...
-
ホームページビルダー作成HPがi...
-
API Sleep関数について
-
iframe 文字化け
-
FireFoxで"display = none"を指...
-
アコーディオンメニューが思う...
おすすめ情報