- ベストアンサー
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"> としています。 この辺りに問題点はあるのでしょうか？ よろしくお願いします。
- kanaflan
- お礼率81% (72/88)
- CSS
- 回答数2
- ありがとう数4
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
> MacでIE５ではレイアウトが崩れてしまいます。 Mac版IEはもう何年も前に5.2を最後に開発が中止されており、その最終ヴァージョンもCSS関連の多くの不具合を抱えたままです。 今後この状態が改善される事はありませんし、IEが最初から搭載されていたMacはもうかなり昔の時代のものになっていますから、現在のMacユーザの大多数はSafariをメイン・ブラウザとして使用しているでしょう。依って、もはやこの環境は（よほど特殊な事情がない限り）無視してかまわないと思います。 > 文書型宣言などは（中略）この辺りに問題点はあるのでしょうか？ HTML 4.01 Transitionalというかなり解釈の緩いDOCTYPEなのであまり関係ないと思います。 > 他のサイトは見えない動画部分があったり、少しレイアウトが崩れてる事はあるようですが、 > 私の作成したページはかなりレイアウトが崩れるだけでなく（中略）問題にならない位にひどいです。 推測ですが、Mac版IEで多少崩れてもそこそこ見えているサイト、というのはフルCSSでレイアウトをしていない（例えば全体のカラム組を昔ながらのtableレイアウトで済ませている等）、あるいは元々の構造がかなりシンプルなのでMac版IEでの致命的崩れが出る様なCSSの指定（floatやpositionを駆使する等）を必要としていない、というタイプだと思います。 逆に、HTML側が本来の論理的な文書構造のみで、レイアウト・スタイル部分を全てCSSで作り込んでいる場合には、Mac版IEのバグによる不具合を大量に抱えて込んでしまい全く意図しない表示結果になってしまう可能性が高くなります。 CSSや各ブラウザ毎のバグなどを充分把握していれば、Mac版IEにも何とか対応できるフルCSSでのレイアウトもある程度は可能なのですが、その不具合を回避する為だけにHTML側の論理構造に無駄を設けなくてはならなかったりするので、すこぶる効率が悪いですし、初心者の方には相当困難を極めると思います。 ですので、可能であればMac版IEへの対応は思い切られるのが賢明かと… 対応を試みる場合、参考になるかもしれないコンテンツを一応あげておきますが。 【参考】「Mac版 Internet Explorer 5 の CSS バグと回避方法」 http://www.lucky-bag.com/appendix/ie5cssbugsj.html
その他の回答 (1)
(1)ＣＳＳは、ブラウザによって解釈が異なりますので、ＨＴＭＬよりもＣＳＳの問題の方が大きいと思います。 (2)ＩＥ５は、windows95の時代のブラウザで,windows98以降はIE6となりますので、もはや対応の必要はないかと思います。したがってwindowsでテストする必要があります。 (3)DOCTYPE宣言の種類と標準/互換モード切替対応状況はこちらにあるようです。 http://www.dspt.net/html_tag/mode.html (4)他人に解決してもらいたい場合は、hTMLとＣＳＳを後悔するしか方法はないと思います。ＣＳＳは複雑ですからね。
お礼
ありがとうございました。
関連するQ&A
- IE8でレイアウトが崩れます。
ＨＰビルダーを使ってＨＰを作成しております。作成したサイトがIE8でレイアウトが崩れるのでタグを追加し以下のように記載しましたがIE8で確認しましたが直っておりませんでした。間違っている箇所等がございましたら、ご指摘お願い致します。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <HEAD> <meta http-equiv="X-UA-Compatible" content="IE=emulateIE7" />
- 締切済み
- ホームページ作成ソフト
- 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
- WEBページへのJavascriptの反映
WEBページにJavascriptが反映されません。 Eclipseを使用しているのですが、httpプレビューにも反映されていません。 コードの位置に、；だけ残っていたりします。 作成は、静的WEBプロジェクトで、エンコードの設定はUTF-8にしています。 コードもおそらく間違えてはいないと思うのですが・・・ ご教授頂ければ助かります。 <!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=utf-8"> <title>index</title> </head> <body> <script type="text/javascript"> <!-- var x 123; if (x % 2 == 0) document.write(x + "は偶数"); else document.write(x + "は奇数"); //--> </script> </body> </html>
- ベストアンサー
- JavaScript
- このサブルーチン間違っておりませんか？
以下のサブルーチンを記述したらエラーになります。 どこか間違っておるのでしょうか？ 宜しくお願いします。 #------------------------------------------------- sub head { print <<"EOM"; <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>メールフォーム</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> </head> EOM } #-------------------------------------------------
- 締切済み
- Perl
- FrontPage 2000で編集すると</HTML>消えてしまう？
確認が便利なため、FrontPage 2000のHTMLタグ編集画面を使っているのですが、最後の</HTML>が消えてしまうのです。 ページオプションのタグの設定では、htmlは『終了タグを表示しない』にはチェックは入っていません。 htmlの書きはじめを下記のようにしてあるためでしょうか？ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.***"> <THML lang="ja"> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META http-equiv="Content-Style-Type" content="text/css"> <TITLE></TITLE> 原因や対処方法などがありましたら教えて下さい。 よろしくお願い致します。
- ベストアンサー
- ホームページ作成ソフト
- 上記コードをどう直したら良いでしょうか？
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <valuecommerce ptnOid="2476300" url="http://saru32.blog50.fc2.com/" /> <head> <title>バリューコマース</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> 上記コードはバリューコマースの広告タグ例とありました。そこでこれをそのまま私のブログに貼り付けました。そうしたら "http://www.w3.org/TR/html4/loose.dtd"> この様な コードのみ表示されました。しかもタグではない様です。 明らかに間違いと判りますが上記コードを どう直したら良いでしょうか？ ↑ ↑ ↑ 質問
- 締切済み
- HTML
- 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>
- ベストアンサー
- ホームページ作成ソフト
- html ページをそっくり → 変数 ( もしくはファイル )
１．まず、フレームを上下に２つに分けます。 ２．下のフレームに表示された任意のページを、 上のページの JavaScript で、そっくり取り込み、 それを、変数化することは技術的に可能で しょうか。 イメージとしては、変数の中身は、たぶんこんな 感じになれば理想です。。。 page = "<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 TRANSITIONAL//EN" "HTTP://WWW.W3.ORG/TR/REC-HTML40/LOOSE.DTD"> <HTML LANG="JA"> <head><title>TEST PAGE</title>......."
- ベストアンサー
- JavaScript
- Dreamweaverで HPレイアウトする点で質問です
ご質問ですが DreamweaverMXでHPを作成いたしています。 大まかにレイアウトテーブルを組み込み 主なレイアウトを決めて、画像等を組み入れています 例えば新規でHTML 基本ページから入りレイアウトを開始しますと 上部にブルーの余白が表示されます。 余白を残さず表現したいのですが、レイアウトは 組めません。HTML上で調整したいのですが 知識不足です。 デザイン的に最上部(ブラウザー）等で見える範囲を 上ぎりぎりに設定いたしたいのですが、タグわかりません お教えください。例えば表示されますソースは <!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"> <title>無題ドキュメント</title> </head> <body> <table width="747" border="0" cellpadding="0" cellspacing="0"> <!--DWLayoutTable--> <tr> <td width="231" height="53" valign="top"><!--DWLayoutEmptyCell--> </td> <td width="188"> </td> <td width="328" rowspan="2" valign="top"><!--DWLayoutEmptyCell--> </td> </tr> <tr> <td height="108"> </td> <td> </td> </tr> </table> </body> </html> どの部分を変更すればよいのでしょうか レイアウトテーブル全体を上部へと調整するのでしょうか imgのみ調整するのでしょうか その方法は..... お知恵をお貸しください よろしくお願い致します まさし
- 締切済み
- ホームページ作成ソフト
- 宣言文とjavascript
javascriptでチップヘルプを表示させています。 文字にマウスが乗れば説明文が表示されるものです。 こちらの宣言文を <!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"> に変更すると、チップヘルプが上手く表示されません。 指定した位置より、かなり離れてしまいます。 ブラウザ別（IEとFirefox）で確認したところ、Firefoxでは表示もされないようになります。 こちらを解消する方法はあるのでしょうか？
- 締切済み
- HTML
お礼
参考になりました。ありがとうございました。