締切済み

IE8でレイアウトが崩れます。

2011/05/30 00:17

ＨＰビルダーを使ってＨＰを作成しております。作成したサイトがIE8でレイアウトが崩れるのでタグを追加し以下のように記載しましたがIE8で確認しましたが直っておりませんでした。間違っている箇所等がございましたら、ご指摘お願い致します。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <HEAD> <meta http-equiv="X-UA-Compatible" content="IE=emulateIE7" />

kuro0613
お礼率47% (102/214)

ホームページ作成ソフト
回答数1
ありがとう数0

みんなの回答 （1）
専門家の回答

みんなの回答

naokita
ベストアンサー率57% (1008/1745)

2011/05/31 01:23 回答No.1

標準準拠モードと過去互換モードの違いによるものでしょう。この違いを知らないと、「崩れる」とか何も言えません。１、何故、互換モードなのでしょうか・・・２、 <meta http-equiv="X-UA-Compatible" content="IE=emulateIE7" /> を使う目的は何でしょうか・・・この辺をはっきりしないと、ルールの無いスポーツをやっている様なもので、次々と問題が発生する事でしょう。 HTML,CSSは、バグを除き、自分が設定/制作したルール・バージョン通りのレンダリングされます。目的に合わせたHTML,XHTML,HTML5/各バージョンで制作し、 IE6～9,Firefox,Chromeなどの各ブラウザで要確認。バージョンとブラウザの関係を全部把握するのは大変なので、いつも利用する仕様を自己統一した方が楽です。 ------------------------------------------------- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <title>****</title> <meta name="description" content="*,*"> </head>

関連するQ&A

IE8でページの一部が表示されない
CSSテンプレートを利用して作成したページの、ヘッダーや周りの色つき部分、フッターが正しく表示されません。Chromeでデバッグした際は問題ないのですが、なぜでしょうか？ CSSも初心者のためよく解析ができていません。 HTMLでは次の宣言をしてありますが、これに問題があるのですか？すみませんがお願いします。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html><head><title>********</title> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> <meta content="text/html; charset=utf-8" http-equiv="Content-Type"> <link rel="stylesheet" type="text/css" href="style1.css"> <meta name="GENERATOR" content="MSHTML 8.00.6001.19019"></head>
- ベストアンサー
- ホームページ作成ソフト
IEでドキュメントモードの指定
IE 10.0.9200.16843を使用しています。ドキュメントモードをIE8に固定したいので <meta http-equiv="X-UA-Compatible" content="IE=IE8"> と書いたのですが、反映されないようなのです。検証に使ったコードは以下の通りです。 ================================== <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="ja"> <head> <meta http-equiv="X-UA-Compatible" content="IE=IE8"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>IEドキュメントモードテスト</title> </head> <body> <script type="text/javascript"> document.write("ドキュメントモード＝" + document.documentMode + "<BR>"); </script> </body> </html> ================================== 何か見落としがあるのだと思うのですが、教えて頂けませんでしょうか。なお、metaタグでなくレスポンスヘッダでX-UA-Compatibleを指定しても同じでした。 IE=IE7やIE9を指定しても変わりませんでした。よろしくお願いいたします。
- ベストアンサー
- HTML
ＰＨＰ、どうして認識しないのですか？
現在の私のサイト（shtml）のソースは次のとおりです（甲）。これを下記（乙）のように書き換えてアップしましたが”こんにちは”の文字が現れません。レンタルサーバーの問題ですか？ソースの問題ですか？（甲） <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML lang="ja"> <HEAD> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" > <META http-equiv="Content-Script-Type" content="text/javascript"> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META http-equiv="Content-Style-Type" content="text/css"> <META NAME="ROBOTS" CONTENT="INDEX,FOLLOW"> <TITLE>○○○</TITLE> （乙） <!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=UTF-8" /> <title>○○○</title> </head> <body>  <p> <?php echo "こんにちは。<br />"; echo "こんにちは。<br />"; echo "こんにちは。<br />"; echo "こんにちは。<br />"; ?> </p> ----------------------- これが表示されません。教えて下さい。どうしてですか？宜しくお願いします。
- ベストアンサー
- PHP
IEでエラー
FireFoxだと問題ないのですが、IEだとエラーが出ます。原因がわからないので、助けてください。 IEには次のようなエラーが出ます。ライン：5 文字：1 エラー：構文エラーですコード：0 ソースコードは以下の通りです。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=euc-jp"> <meta http-equiv="Content-Style-Type" content="text/css"> <meta http-equiv="Content-Script-Type" content="text/javascript"> 。。。。以上、すみませんが、よろしくお願いします。
- ベストアンサー
- HTML
Webページのレイアウトが崩れてしまいます。
Web制作初心者です。WinのパソコンでDreamweaver　MX2004を使ってページを作っています。 Winのパソコンではデザイン通りに表示できるのに、MacでIE５ではレイアウトが崩れてしまいます。いくつかのボタンが表示しなかったりもしてしまいます。 MacでIE５という環境が古すぎると言うこともあると思いますが、他のサイトは見えない動画部分があったり、少しレイアウトが崩れてる事はあるようですが、私の作成したページはかなりレイアウトが崩れるだけでなくナビゲーションのボタンが8個のうち1個しか表示しなかったりと問題にならない位にひどいです。タグの入力ミスも無いと思います。文書型宣言などは <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> としています。この辺りに問題点はあるのでしょうか？よろしくお願いします。
- ベストアンサー
- CSS
IE6で表示がずれて困っています。
IE6で表示がずれて困っています。 firefox・IE８では表示されるのに、IE6ではずれてしまいます。質問したい事が２つあるのですが、１つ目はインラインフレームでIE６だけサイズが大きくなる。原因とサイズの揃え方を教えて下さいm(__)m 画像添付とソースをはります。 <!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"> <head> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>無題ドキュメント</title> <link href="testcss.css" rel="stylesheet" type="text/css" /> </head> <body> <div> <p><img src="images/news.gif" width="490" height="29" /></p> <iframe src="news.html" id="newsi" frameborder="0" scrolling="auto"></iframe> </div> </body> </html> ●CSS● *{ margin: 0; padding: 0; } div{ width:490; height:200; } #newsi{ width: 486px; height: 150px; border: 2px #F96 solid; } --------------------------------------------------------- 一つ目は以上です。二つ目もここにで質問したかったのですが、文字数が足りないためもう一度質問させていただきますm(__)m 初心者でわからない事が多いため、できるだけ詳しく教えて下さい。宜しくお願いいたしますm(__)m
- ベストアンサー
- HTML
cssがIE6で適用されない理由は
教則本を見てcss/xhtmlでサイトを作ったのですが、（教則本がIE7以降対応だった為） safari firefoxd IE7では表示がうまくいくのですが、 IE6では全くcssが適用されないです。少し調べたところこの辺の記述に問題があるのかなと思っています。誰か教えて下さい。 ............................................................................... <!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="jap" lang="jap" dir="ltr"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="Content-Script-Type" content="text/css" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> ....................................................................
- ベストアンサー
- HTML
ホームページビルダーのソース編集について
ホームページビルダーのソース編集（コピー＆ペースト）についての質問です。ソースをコピペすると、ソースがおかしなことになってしまいます。以下を、ご覧下さい。 --------------------------------------------------------------- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META http-equiv="Content-Style-Type" content="text/css"> --------------------------------------------------------------- 上のソースの上段2行分を範囲指定してコピーします。 ↓この部分 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> 範囲指定はそのままで、貼り付けると下記のようになってしまいます。 --------------------------------------------------------------- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML>ift_JIS"> <META http-equiv="Content-Style-Type" content="text/css"> <TITLE></TITLE> --------------------------------------------------------------- 他のファイルからソースをコピーして張り付ける作業が多いので、この状態だと大変不便でこまっています。ＨＰＢはＶ11で、ＯＳはウィンドウズ7です。ちなみに、キーボード上のInsertは試しましたがダメでした。
- 締切済み
- ホームページ作成ソフト
tableの縦横センタリングについて
お世話になります。 html4.01のhtmlのDOCTYPEですが、URL付きに変更しました。＜!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"＞　　　　↓ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> そうしたところ、tableのセンタリングがされなくなってしまいました。 css指定で、横のセンタリングはできたのですが縦方向がどうしても、topの位置になってしまいます。ネット検索したところ、いろいろ解決策があるのですが、どれを試してもどうしてもうまくいきません。どこがダメなのか、アドバイスお願いできないでしょうか。ソースコードを以下に記します。 tableのborde色を赤にしています。この赤が、画面横縦に中央に表示されるようにしたいのです。画面サイズを変更しても。よろしくお願いします。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="ja"> <head> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8"> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta http-equiv="Content-Language" content="ja"> <meta http-equiv="Content-Style-Type" content="text/css"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <meta http-equiv="Pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <style type="text/css">  </style> <title>test</title> </head> <body> <div class="container"> <div class="contents"> <table style="width:100%;height:100%;border:1px solid red;" cellpadding="0" cellspacing="1" summary="test"> <tr> <td style="text-align:center;vertical-align:middle;"> 　　　<input type="button" value="新規"></td> <td style="text-align:center;vertical-align:middle;"> 　　　<input type="button" value="変更"></td> </tr> <tr> <td style="text-align:center;vertical-align:middle;" colspan="2"> 　　　<input type="button" value="戻る"></td> </tr> </table> </div> </div> </body> </html>
- ベストアンサー
- CSS
euc-jpのページをIE7で表示したら真っ白に表示される
PHPでHTMLを吐き出すeuc-jpのページをIE7で表示したら真っ白になってしまうページがあるのですが、エンコードを日本語選択にしたり画面を更新（F5) したりすれば通常表示されることから、 IE7 で画面が真っ白になるページの対処方法 http://www.drk7.jp/MT/archives/001163.html と同じ症例ではないかと断定したのですが、↑などを参考に下記のようにしてみましたが、改善ありません。その他、特効薬はありますか。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML LANG="ja"> <HEAD>  <meta name="content-language" content="ja"> <meta http-equiv="Content-Type" content="text/html; charset=euc-jp"> <meta http-equiv="Content-Style-Type" content="text/css"> <meta http-equiv="Content-Script-Type" content="text/javascript">
- ベストアンサー
- HTML

IE8でレイアウトが崩れます。

みんなの回答

関連するQ&A

注目のQ&A

カテゴリ
一覧

専門家に質問してみよう
専門家登録

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

IE8でレイアウトが崩れます。

みんなの回答

関連するQ&A

注目のQ&A

カテゴリ 一覧

専門家に質問してみよう 専門家登録

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

カテゴリ
一覧

専門家に質問してみよう
専門家登録