- 締切済み
同じＣＳＳファイルにつなげている、4つのＨＴＭＬファイルの1つが、fi
同じＣＳＳファイルにつなげている、4つのＨＴＭＬファイルの1つが、firefoxで文字化けします。他のＨＴＭＬファイルと、中身の内容文字こそ異なりますが、構成はまったく同じです。 しかも、そのＨＴＭＬファイルのページは、ヘッドのタイトル文字やフッターの住所などの文字が、他のページとまったく同じ文字の部分であるにもかかわらず、位置がずれたり、文字幅が広くなって表示されてしまいます。 <br/>をくっつけたりとったり、<p>の場所を変えてみたり、いろいろしているのですが、まったく改善されません。 ちなみに、すべてのＣＳＳページを、charset=utf-8にしています。 もしかして、何らかのＪＳ使って、ブラウザーごとにＣＳＳを作る必要があるのでしょうか？その場合何を使って何を書いたらいいのでしょうか？ 誰か助けて～！ありがとうございます！
- questiongo
- お礼率88% (8/9)
- その他（プログラミング・開発）
- 回答数1
- ありがとう数8
- みんなの回答 （1）
- 専門家の回答
みんなの回答
そのＨＴＭＬファイルのエンコードが狂ってるのではにでしょうか？ テキストエディタで開いて、エンコードを指定して保存しなおしてみればいいと思います。 charset=utf-8 と指定しているなら、ＵＴＦ-８で保存しなおすと言う意味です。
関連するQ&A
- HTMLとCSSのcharset
HTMLとCSSのcharset（文字コード）は揃えたほうがいいのでしょうか？ HTMLはShift-jisですが、CSSはUTF-8です。 本来はサイト全体をUTF-8にしたいのですが、事情があって一部のHTMLだけShift-jisにせざるをえないのです。 とあるサイトで、揃えないと一部のブラウザで文字化けがおこる可能性がある・・・と書いてあるのを見かけましたが、一部のブラウザとは一体どのブラウザのどのバージョンなのかはっきり書いておらず、曖昧すぎてあまり参考になりません。 実際のところはどうなのか、詳しい方いらっしゃいましたらどうぞよろしくお願い致します。
- 締切済み
- HTML
- 外部CSSが反映されるHTMLとされないHTML
レンタルサーバのファイルマネージャを使ってサイトを作っています。 外部CSSで文字のフォントをＭＳ Ｐゴシックに統一したいのですが、反映されるページとされないページができました。 CSSには、 @charset "Shift_JIS"; p { font-family: "ＭＳ Ｐゴシック",sans-serif; } 読み込みには、 <link href="./style.css" rel="stylesheet" type="text/css"> と記述しました。 反映されたのはサイト２ページ目の２分割フレームの片側だけで、その他のページはブラウザで指定したフォントのままCSSが反映しません。 HTML、CSS共に文字コードはShift_JISで統一していて、それぞれ<head></head>間の同じ位置に記述してあります。 反映されたHTML内にはボックスの幅指定でCSSを使っていますが、その他のページにはCSSを使っていません。違いはこれだと思うのですが、それがきっかけで反映されたりされなかったりと変わるものなのでしょうか？ HTML、CSS共に初心者です。この質問が初歩的なことなのか難しいことなのかもわかりません。 よろしくお願いします。
- ベストアンサー
- ホームページ作成ソフト
- ＣＳ６(win)でＣＳＳが文字ばけ
DreamweaverＣＳ６(win)でＣＳＳが文字化け ＣＳＳを編集していたところsafariでcssが効かない事で @charset "utf-8"; を @charset "Shift_JIS"; に変えてみたのです。 無事、safariでcssが効いて、作業が終わりました しかし、気がついたらＣＳＳ中のコメントアウトした文字が文字化けしている あわてて調べたところ文字化けが発生する条件として [ 環境設定 ] – [ CSS スタイルシート ] – [ 修正時に CSS ファイルを開く ] のチェックを外している。 @charset で [ UTF-8 ] 以外の文字コードを指定している。 外部 CSS ファイルを使っている。 と書いてあるので、 外部 CSS ファイルを使っています。 [ 修正時に CSS ファイルを開く ] のチェックがあるのを確認（最初からチェック済みです） @charset で [ UTF-8 ] 以外の文字コードを指定しているので@charset "utf-8";に戻し保存 Dreamweaverを一旦終了、再立ち上げで確認しましたが、文字化けが戻りません。 どうすれば、文字化けが直るのでしょうか？ よろしくお願い致します。 補足 修正/ページプロパティー/エンコーディングで"Shift_JIS";になっていましたので Unicode(UTF-8) と致しました。 しかし、やはり文字コードは化けたままです。（再起動でも同じでした）
- ベストアンサー
- HTML
- CSSの外部ファイルの作り方
こんにちは、いつもはサイトのデザインをCSSで設定する時 HTMLファイルの<HEAD></HEAD>部分に書き込んでるのですが それらの量が段々多くなってきたので前ページ共通のCSSは外部ファイルでリンクさせようと思いました。 でも外部ファイルでCSSを作るのは初めてなので何分書き方などで少し分からないところがあります。 例えば１．文字の大きさ２．リンク下線消し３．行間の幅 などを指定する時これら全部を一つのCSSファイルに書いていいのですか？ それとも一つのファイルには一つの設定しか書けないんでしょうか？ あと、外部ファイルの場合<STYL>でまとめなくてもいいらしいのですが、もし一つのファイルに複数の設定を書けるなら その場合は一行あけて書いたりするのでしょうか？ そして、これらCSSの外部ファイルにリンクさせたHTMLファイルの <HEAD>部分に後から他のCSSを書き込んでもそれは反映されますか？ いろいろ多くて少し分かりづらい説明かもしれませんがお願いします。
- ベストアンサー
- HTML
- HTML CSS で文字を点滅させたい
HTMLにCSSを含める学習中です。 以下のようにHTMLを書き、edgeで表示してみましたが点滅してくれません。 どこが違うのか教えてもらえませんでしょうか。 <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html;charset=SHIFT_JIS"> <TITLE>テスト ホームページ</TITLE> <style type="text/css"> p { color: orange; font-size: 20px; animation: blinkEffect 1s ease infinite; } </style> </HEAD> <BODY> □□□□□□□□□□□ <BR> <p class="p">この部分の文字を点滅</p> ■■■■■■■■■■■ <BR> <BR> <p>これは例文です。</p> <BR> </BODY> </HTML>
- ベストアンサー
- ブラウザ
- cssが読み込まれません。
VScodeでhtmlの練習を始めましたが、どうやってもcssが読み込まれません。同じフォルダ内に保存してます。名前間違いもないです。 HTML <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>方法1</title> <link rel="stylesheet" href="style.css"> </head> <body> <p>方法1:外部のCSSファイルを読み込む</p> </body> </html> CSS @charset "UTF-8"; p { color: blue; }
- ベストアンサー
- HTML
- 文字表示の設定方法について
このサイトの文字化けについての質問です。 http://www.hempkitchen.jp/ 左メニューに、twitterヴィジェットが表示されていたのですが、先日から表示がされなくなり 原因をリサーチしていた時に <meta http-equiv="Content-Type" content="text/html; charset=shift_jis">を <meta http-equiv="Content-Type" content="text/html; charset=utf-8">に変更したら、 twitterヴィジェットは表示されたのですが、 ｊｓで管理しているメニューが文字化けしてしまいました。 下記3つのｊｓファイルで管理しているメニューです。 <script language="JavaScript" src="hempkitchen.js"></script> <script language="JavaScript" src="js/footer1.js"></script> <script language="JavaScript" src="footer2.js"></script> 一応、ｃｓｓファイルもチェックしました（@charset "shift_jis";）となっていたので。 こちらのファイルを@charset "utf-8";に変更してみましたが、文字化けしたままでした。 いろいろ調べてみたのですが、困っています。 ご回答、よろしくお願いします。
- 締切済み
- HTML
- 文字化けしていたHTMLファイル
Windows 8.1 秀丸 8.34 HTML 4.01のコードです。 ある日秀丸でHTMLファイルを開いてみたら、日本語の部分が文字化けしてしまっていました。 どの文字タイプを指定しても解消しません。 今思えば、以前ファイルを保存する時に変な保存の仕方をしたかもしれません。 (もしかしたら文字化けさせたまま保存させてしまったかも) HTMLファイルの時点で文字化けしているファイルを元に戻す方法は有りませんか？ どのブラウザのエンコードも全く意味ないです。 いくつかのエディタでも駄目でした。 文字タイプに影響していそうなHTMLコードを引用しておきます。 ---------------------------------------------------------------------------------- <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/Transitional.dtd"> <html lang="ja"> <head> <meta http-equiv="Content-Type" Content="text/html;charset=Shift_JIS"> css側 charset "Shift_Jis"; -----------------------------------------------------------------------------------
- 締切済み
- HTML
- 文字化けを修正する方法
dreamweaverMXでホームページを作っています。 最近、文字コードをcharset=Shift_JISからcharset=UTF-8に変更したら文字化けが起きてしまい、修正する方法がわからず困っています。 具体的には、テンプレートファイルで文字コードをcharset=Shift_JISからcharset=UTF-8に変更し、更新をかけました。 テンプレートファイルは文字化けしていませんが、更新した他のｈｔｍｌファイルはすべて文字化けしてしまっています。 CSSファイルにもちゃんと@charset "utf-8";と記入してあります。原因がわかりません。 どうすればよいのでしょうか？
- ベストアンサー
- HTML
お礼
同じ方法でやってみたら解決しました！ まことにありがとうございました！