みんなの「教えて(疑問・質問)」にみんなで「答える」Q&Aコミュニティ

こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

以下の内容でhtmlを作成し、文字コードをutf-8からeuc-jpに

以下の内容でhtmlを作成し、文字コードをutf-8からeuc-jpに変更したところ
ヘッダー フッターが崩れてしまいます。ie6.0 ie7.0
にて(ie8.0 firefox3)では問題なく表示されます。

というか、cssが聞かないのです。
utf-8に戻すと直るのですが、なにか設定が必要なのでしょうか。

メールフォームcgiの関係でeuc-8にする必要があるのです。

よろしくお願いいたします。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=euc-jp" />
<title>タイトル</title>
<meta name="keywords" content="キーワード1,キーワード2,キーワード3" />
<meta name="description" content="テキスト。" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<link rel="stylesheet" href="css/import.css" type="text/css" />
</head>
<body>
<div id="bodybox">
<div id="container">
<!-- main -->
<div id="main">
</div><!-- /main -->

<div id="header">
<div class="head-box">
<h1>テキストテキストテキスト</h1>
<p class="oooo"><a href="../"></p>
<p class="top-inquiry"><a href="../inquiry/"><span>問合せ</span></a></p>
<ul class="top-navi">
<li><a href="../">HOME</a></li>
<li><a href="../cy/">テキスト</a></li>
</ul>
</div>

</div><!-- /header -->

</div><!-- /container -->
</div><!-- /bodybox -->


<div id="footer">
<div id="footer-in" class="clearfix">
<div class="fnavibox">
<ul class="fnavi clearfix">
<li><a href="../index.html">テキスト</a></li>
<li class="last"><a href="../works/">テキスト</a></li>
</ul>
<ul class="fnavi clearfix">
<li><a href="/">HOME</a></li>

</ul>
</div>

<!-- /fnavibox -->
<div class="banerbox">
<p class="fbox"><img src="../common/images/img-tel1.jpg" alt="" /></p>
<p class="fbox-r"><a href="../inquiry/"><img src="../common/images/btn-toi.jpg" alt="テキスト" /></a></p>
</div><!-- /banerbox" -->
</div>
<!-- /footer-in -->

<div id="footer-in2" class="clearfix">
<div class="addressbox">
<p class="name">テキスト</p></p>
</div><!-- /addressbox -->
<!-- /footer-in -->
<div id="footer-in3">
<p class="copyright">

投稿日時 - 2010-11-06 08:02:32

QNo.6300199

困ってます

質問者が選んだベストアンサー

htmlやcssのファイル自体の文字コードは、euc-jpで保存し直してありますでしょうか?
文字コードが合っていないと、ブラウザによって表示できない場合があります。

参考のURLを付けておきました。
文字コードで私は何度も泣かされました(苦笑)頑張って下さい~

参考URL:http://www.mozilla.gr.jp/standards/webtips0023.html

投稿日時 - 2010-11-11 13:18:23

このQ&Aは役に立ちましたか?

1人が「このQ&Aが役に立った」と投票しています

回答(2)

「IE 文字コード 崩れる」で検索しました。

IEにおいてCSSの文字コード宣言をせず、かつCSS内で2バイト文字(日本語)が使われていたりHTML文書と文字コードが異なる(※)場合は、CSSを読まないことがあるそうです。
※HTMLの文字コードを変えると読んだり読まなかったりとのことなので、これが原因と推測します。

http://www.lucky-bag.com/archives/2004/11/css_2.html
http://blog.digital-squad.net/article/44702175.html

また、複数のCSSを読んでいる場合、各CSSの文字コードが異なっても読まないようです。
※これは今回の現象には関係なさそう。

http://wordpress.sakuratan.com/2010/08/25/ie6%E3%81%AE%E3%83%AC%E3%82%A4%E3%82%A2%E3%82%A6%E3%83%88%E5%B4%A9%E3%82%8C%E3%81%AF%E3%80%81css%E3%81%AE%E6%96%87%E5%AD%97%E3%82%B3%E3%83%BC%E3%83%89%E3%81%8C%E5%8E%9F%E5%9B%A0%E3%80%82/
http://www.nishishi.com/blog/2007/04/css.html

投稿日時 - 2010-11-06 17:25:33

あなたにオススメの質問