• 締切済み

dreamweaverで作ったHPがIE表示だと崩れます

お世話になります。 dreamweaverでホームページを作っています。 環境はMac OS10.4、dreamweaver MX2004、 確認をsafari、firefoxで行っていました。 MacにはIEが入っていません。 アップしたHPを見ると、safari、firefoxでキチンと表示されていた CSSが、IEでは思いっきり崩れてしまいました。 原因も良く分からなくって、困っています。 例えば、583ピクセル幅の文字アンダーラインが、800ピクセルの テーブル枠を大幅に超えてしまう。 オレンジの太字設定の文字が赤字で水色の破線アンダーラインが 入ってしまう。 などなど。IEはまだまだユーザーが多いようですし、 何とか直したいのですが…。 原因はCSSの何がいけなかったのでしょうか? ※Dreamweaverにてレイアウトを組んでいます。 そのためコードはまったく理解していません。 コード表示されてもチンプンカンプンのため、 DW上での操作方法を教えて頂けると助かります。 アドバイスよろしくお願いします。

noname#99542
noname#99542

みんなの回答

  • hachi_08
  • ベストアンサー率58% (44/75)
回答No.1

>原因はCSSの何がいけなかったのでしょうか? いけなかったというか、ブラウザによってCSSの解釈が違う部分があるため、CSSの記述は間違っていなくても今回のようにブラウザによっては崩れてしまいます。 MacIEは特にその最たるものです。 >※Dreamweaverにてレイアウトを組んでいます。 >そのためコードはまったく理解していません。 >コード表示されてもチンプンカンプンのため、 >DW上での操作方法を教えて頂けると助かります。 IE用のハックを書くなど解決方法はあるのですが、コードを”まったく”理解していない状態では解決するのは難しいかもしれません。 また、コードを公開されなくては回答者もどこを直せばいいのか指摘できないので、問題のHTMLとCSSを公開できるようなら、補足された方がいいと思います。

noname#99542
質問者

お礼

ありがとうございます。 そうですよね、ちょっと自分でも試行錯誤をして 考えてみたいと思います。

関連するQ&A

  • IEで文字が正しく表示されません

    はじめまして、DREAMWEAVER CS3を使い CSSではなくテーブルを使った初歩的な方法で 自社のホームページを作成しているのですが テーブルの中に、12ピクセル以上の文字を入力すると IEでは文字の上が少し切れて表示されてしまいます。 FIREFOXでは正常に表示され IEでも、文字のサイズが11ピクセルまでならば ちゃんと表示されます。 文字のサイズが12ピクセルに対して テーブルの縦幅を100ピクセルぐらい大きく指定しても やはり、文字の上が少し切れて表示されます。 いろいろとネットで検索しても見つからず 質問させて頂く事にしました。 テーブル内には、11ピクセル以上の文字は 書けないということなのでしょうか? ご存知の方がいらっしゃいましたら ご指導、宜しくお願い致します。

    • ベストアンサー
    • HTML
  • Dreamweaverでつくったファイルがsafariでうまく表示できません

    こんにちは。Dreamweaverを独学(独習本の2冊目をこなしているところです)しているものです。初心者の質問となり恐縮なのですが、アドバイスをいただけるとありがたいと思い書かせていただきます。 MacOS10.4.11でDreamweaver8を使ってサイトをつくる練習をしています。これまで使った本は、「ゼロからのステップアップ!Dreamweaver8&Fireworks」と「できるクリエイターDreamweaver独習ナビ」で本にあるとおりのサイトをつくってみました。 ところが、そこでつくったサイトをSafari3.0.4で表示すると、おもいきりレイアウトが崩れてしまいます。どちらの本でつくった場合もそうでした。しかしながら、Dreamweaverのソフト上では問題なく表示されます。FireFox2.0.0.13で表示しても問題ありません。 なぜ、Safariだと上手く表示できないのでしょうか。 ちなみに、「できるクリエイターDreamweaver独習ナビ」では、添付されていたCDに入っていた途中経過の見本サイトのhtmlファイルとCSSファイルのコードなどを比べてチェックしてみたのですが(見本サイトはSafariでもFirefoxでも問題なく表示される)、とくに見落としもなく、試しに見本サイトのCSSとhtmlのデータを自分でつくっているファイルにコピペしてみたりもしたのですが、レイアウトの崩れは改善されません。 まったくもって行き詰まっております。ググってみたりもしましたが、同じ症例の方は見つかりませんでした。 どなたかご教示いただけませんでしょうか。よろしくお願いいたします。

  • IEで表示されない!

    初めて、ホームページをMacでDreamweaver CS3を使用し、作成しました。 「ブラウザの互換性」で問題がないことをチェックしアップしましたが、 firefox,safariで問題なく表示されますが、IEで全く何も表示されない状況です。 原因はどういったことが考えられるのでしょうか?? かなり困っております。。。。

  • .htmlファイルを.phpにした時にレイアウト崩れが起こります(IE6・7のみ)

    こんにちは。 普通の静的なWEBページ(xhtml・css)にフォームを入れることになり、それに伴いファイルの拡張子をphpにし、文字コードEUC-JPで動いてはいるのですが、WIN IE7・6でのみ、表示が大きく崩れてしまいます。おそらく何らかの原因でCSSがうまく読み込めていない?ような感じなのでですが、わかる方いらっしゃいませんか? 他のブラウザFirefoxやSafariなどは全く問題ないです。

  • IE7でだけ作ったメニューが表示されません。

    サイトを作っているのですが、IE7でだけHOMEやImageなどのメニューが表示されません。safari,firefox,operaでは表示されました。 どうしたら表示できるのでしょうか? またここはこうした方がいいなどHTML,CSSのアドバイスなどもして頂けるとうれしいです。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • Dreamweaver MX 2004で中国語を・・・

    OSはWindws2000です。 Dreamweaver MX 2004で中国語の「繁体字」のサイトを作成しようとしたのですが、文字化けを起こしてしまいます・・・。emコードはちゃんと設定しました。Dreamweaver上では正常に表示されるのです。でもIEで見ると文字化け。 ちなみに以前に中国語の「簡体字」のサイトを作成したときには、何の問題もありませんでした。 これは一体何が原因なのでしょうか?? 助けてください・・・(ーー;)

  • Win IE6・7でのみ、CSSがうまく機能していないような不具合

    こんにちは。 文字の装飾を施したCSSがあり、SafariやFireFoxなどのブラウザでは綺麗に表示されているのですが、Win IE6・7では表示が乱れてしまいます。しかも、同一ページ内の一部分ではCSSが生きていて、一方の一部分ではCSSが適応されずに表示されてしまいます。 考えられる互換モード関係やCSSの確認・再設定、IEの再起動やPCそのものの再起動など試しましたが、解決にいたりません・・・。 IE以外では綺麗に表示されてるということは、IEにあるたくさんバグの内の何らかが原因だと思うのですが、見当つく方いらっしゃいますでしょうか? どうぞよろしくお願いいたします。

  • position:relative で Dreamweaver の表示が崩れる

    webブラウザでの表示は問題が無いのに、 Dreamweaverで見ると、表示が崩れます。。 ごく普通のブログデザインで、 #container の中に #main,#sub,#bottomがあり、 #main,#subのみfloat:leftを指定する段組み。 #bottomにはclear:leftが指定してあります。 この#bottomに、position:relativeを指定した途端に、 dwで見ると、#main,#subに続いて右に回り込んでしまうのです。 ちなみにposition指定をしたのは#bottomが最初の要素で、 試しに#containerにもposition指定してみたのですが、 状況は変わりません。 これを、Macのfirefox、safari、IE5.2…でチェックすると、 どのブラウザでも正常に表示されます。 崩れるのはdwのみ。。 とても気持ちが悪いです。 思い当たる状況、ないでしょうか? よろしくお願いします!

    • ベストアンサー
    • CSS
  • DREAMWEAVERのテンプレート機能

    DREAMWEAVERを使ってサイトを作成しています。 今までテンプレート機能は使っていなかったのですが、ページ数が多くなった事もあって、テンプレート機能を使って作成をはじめてみました。 テンプレートファイル(.dwt)を作って、プレビューで見た所、ちゃんと表示されました。 「テンプレートから新規作成」でページを作り、プレビュー画面で確認したところ、Firefoxではちゃんと表示されますが、IEだと崩れた表示になります。 サイトはCSSで段組してあり、CSSの方も詳しくはないので、CSSのコードがおかしいという事も考えられるのですが・・・汗 ただ、まったく同じコードで書かれているページで「テンプレートから作成」「テンプレートを使わず作成」ではテンプレート作成表示のみ崩れます。 両方のページのコードを確認したところ、テンプレートから作成したページには自動的で<!-- #BeginTemplate "/Templates/testo.dwt" --> が挿入されているのと、されていないとう違いのみです。 試しに、テンプレートから作成したページの<!-- #BeginTemplate "/Templates/testo.dwt" -->コードを消して見てみたところ、表示は崩れませんでした。 使っているDREAMWEAVERは「DREAMWEAVER4.0J」かなり古いものを使っているのですが・・・汗 これが原因(バグ)なんでしょか? 同じような症状がでた方がいたら教えて頂ければ幸いです。 どうぞ宜しくお願いします。

    • 締切済み
    • CSS
  • IE6での表示がうまくいかず困っています

    はじめまして。 コーディングを勉強中なのですが、どうしてもIE6での表示がうまくいかず、大変困っています。色々ググって調べてみたのですが、決定的な原因がわからず本当にどうすればよいのかわかりません・・・。どなたかご教示いただけませんでしょうか。 他のFireFOX,Safari,IE8では多少のズレはあるものの普通に表示されました。IE6では背景画像とフッターのみしか表示されない。という状況です。

    • ベストアンサー
    • HTML

専門家に質問してみよう