Win版IEでレイアウトが崩れて困っています

このQ&Aのポイント
  • Windows版IEのみでページのレイアウトが崩れてしまいます。
  • 他のブラウザやMac版IEでは問題ありません。
  • Win版IE特有の過敏症状タグが原因でしょうか?
回答を見る
  • ベストアンサー

win版ieだけでレイアウトが崩れて困っています

win版ieだけでレイアウトが崩れて困っています ネットスケープ系のホームページ作成ソフトを使いました。 (もじら1.7win、ネットスケープ7.02mac、nvu0.7win) これらで作ったホームページで、一応ウインドウズとマックの両方できちんと見えることを確かめたつもりでいたのですが、盲点に気付きました。 なぜかwindows版のieで見た時だけレイアウトが崩れて困っています。 同じieでも、マック版ieならきちんと予定通りに見えてくれます。 また、ウインドウズのブラウザでも、ネットスケープ系統以外にオペラでも全く問題がありません。 ほんとうにwin版のieだけでおかしい崩れた表示になってしまいます。 (これは自分のパソコンだけで無く他の人からみんなに言われました) htmlに疎いので、本と格闘中なのですが、どうやら「頼んだつもりのない複雑高度なスタイル設定」が勝手にどんどん入っている様子だということまではつかめてきた感じです。 手書きhtmlはお手上げのレベルなのですが、 そもそも「無駄な命令タグが入っていても無視してくれる建て前」のはずなのに、どうしてウインドウズ版のieだけが無駄なタグに反応してしまうのか、不思議で気になりました。 こういったwin版ieだけが持つ「過敏症状タグ?」というのは、けっこうあるものなのでしょうか?

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

  • ベストアンサー
noname#12055
noname#12055
回答No.2

一般的にIEは矛盾に甘く、それ以外のほうが厳格だと言われてます。 「まずNetscapeで正しく見られるページをつくれ。 IEはごまかしてくれる(=補完してくれる)から」とはよく聞きます。 あなたの場合はそれでダメだったようですが。 私としてはIEにあるwidthに関する有名なバグが、 何らかの形で影響してるんじゃないかという気がします。 http://textocean.com/article/7/iefirefox まぁ、私はテーブルはほとんど使わない人なので あくまで無責任な感想です。すみません(^-^)。 私が責任を持ってアドバイスできるのは 「フリーのWYSIWYG型ソフトは使うべきではない」と いったところでしょうか。あまりいい評判を聞きません。 http://www.mars.dti.ne.jp/~fuming/authoring/neo_wysiwyg.htm いい機会ですので、HTMLを勉強されてみては?

参考URL:
http://textocean.com/article/7/iefirefox
altosax
質問者

お礼

どうもありがとうございます!! >一般的にIEは矛盾に甘く、それ以外のほうが厳格だと言われてます。 なるほど、そうだったんですね。 >私が責任を持ってアドバイスできるのは >「フリーのWYSIWYG型ソフトは使うべきではない」と >いったところでしょうか。あまりいい評判を聞きません。 まったくそのとおりですねえ! どうやら、「一発修正無し」なら問題ないようですが、あちこち消したり書き直したり、を繰り返すうちにゴミの情報がどんどん溜まっていっているような気がしています。 これでこりて、本をどっさり買い込んでしまいましたので、当分html理解の勉強にかかりっきりになりそうです。 どうもありがとうございました!

その他の回答 (1)

noname#12055
noname#12055
回答No.1

> 「頼んだつもりのない複雑高度なスタイル設定」 たぶんCSSを使って記述されているのでしょう。 配置を自由にやると「複雑高度なスタイル設定」に ならざるをえないものです。 > こういったwin版ieだけが持つ「過敏症状タグ?」というのは、 > けっこうあるものなのでしょうか? タグじゃなく、CSSのバグのほうでしょう。 こちらをご参考に。IEだけじゃないですよ。 http://members.at.infoseek.co.jp/cssbug/index.html http://www.fromdfj.net/html/html_css_bug.html > 手書きhtmlはお手上げのレベルなのですが、 でしたら修正はかなり困難です。 CSSを勉強されるか、デザイン要素の少ない ページにするしかないように思います。 以下で勉強してください。 http://kanzaki.com/docs/html/lesson1.html http://kanzaki.com/docs/htminfo.html http://kanzaki.com/docs/html/htminfo17.html

参考URL:
http://members.at.infoseek.co.jp/cssbug/index.html
altosax
質問者

お礼

さっそくにほんとに有り難うございました。 膨大なスタイル記述にひるんでしまいましたが、おかげさまで本件の場合はスタイルシート以前の問題と言うことがわかりました! <table width="800" border=0 cellspacing="2" cellpadding="20" bgcolor="#ffffff"> <tr><td width="100" valign="top"><font color="#ff6666"> という指定をしてある部分を発見して、td width のほうを同じ 800 に合わせてあげただけで治ってくれてほっとしました・・・ (これは作成の時は「100%」のつもりで100と記入していたと思われます) ところでそうすると、ダメだと思っていたwin版ieこそが正しく正直に表示していて、マック版ieやwinのネットスケープ、オペラなどがtd width の100を、100%と解釈して実質800の表示をしてくれていた方が「バグ」になりますよね!? ということに気付きました。 それともマック版ieや非MS系ブラウザは、指定数値の矛盾を自動で判定して助けてくれる機能がついているんでしょうか? これって、結構有名な話でしょうか?

関連するQ&A

  • インターネットエクスプローラーとネスケ(Mac版とWin版)

    HPを作って インターネットエクスプローラー5.0(Mac版とWin版)と ネットスケープ6.0(Mac版とWin版)で確認したのですが、 Mac版のインターネットエクスプローラー5.0ではなにも表示されず 真っ白な画面になるんです。 Win版のインターネットエクスプローラーではなにも問題はないのに なぜでしょうか???

  • MacとWinのIE

    ホームページを運営していて、私はIEを使っています。MacでIE(5.0)を使ってる方からトップが崩れているというメールを貰ったんですが、MacとWinでは同じIEでも違いがでてくるんですよね?Macの方にもちゃんと見ていただきたいんですが対処法がわかりません。よければ教えてください。

    • ベストアンサー
    • Mac
  • Flashをmacから書き出したところwin版IEで見えない

    サイトに一部フラッシュを使用してみたところ、mac版IE5からはきれいに見えるのですが、WINのIE6から全く見ることができません。長時間読み込み中の表示が出て、その後画像が表示されなくなってしまいます。FlashはMac版MXです。パブリッシュの際なにか気を付けなければならない点などあるのでしょうか。ご存じの方、教えて下さい。

  • MAC版のWEBブラウザIE5.0を使用しています

    MAC版のWEBブラウザIE5.0を使用していますが、あるホームページのフォームに文字を入力しようとすると文字が化けてしまいます。 WIN版ではちゃんと表示されているのですが、どうすれば治るでしょうか?

    • ベストアンサー
    • Mac
  • 古いブラウザでのレイアウトの崩れ

    テーブルとCSSの組み合わせでレイアウトを作成していたのですが、お客さんから「Win/IE4,IE,Mac/IE5でレイアウトがめちゃくちゃじゃないか!」とクレームを受けてしまいました・・・。スタイルシートの使用を極力避け、テーブルの入れ子やspacer.gifの多様で作り直し、Mac/IE5での確認はできたのですが、Win/IE4,IE5での環境がととのわず、確認できてません。Mac/IE5で崩れずに表示されればほぼ問題はないのでしょうか?

    • ベストアンサー
    • CSS
  • IE7でレイアウトが崩れたり戻ったりする現象について。

    タグ打ちでホームページを作成中、IE7で見るとレイアウトが崩れていたので 試行錯誤したところ、なんとかFirefoxで見るのと同じ配置に直りました。 その後また同じ状態になり、修正後のHTMLとCSSのデータのバックアップを使用して更新してみたのですが、表示が直りません。 キャッシュは削除し、使用領域も減らしてみましたが変化がありませんでした。 どんなヒントでも結構ですので、どうぞご協力ください。

  • WIN(IE7)での拡大・縮小時のレイアウト崩れ

    はじめまして、toton929と申します。 今、ある会社のコーポレートサイトを制作しているのですが、 IE7でサイトを拡大して見たときに、レイアウトが崩れてしまい頭を悩ませいます。 いろいろ調べた結果、レイアウトが崩れてしまう原因は、 「hasLayout」が「false」になっているからではないかということが分かりました。 そこで、以下のようなサイトを参考にさせていただき、 CSSに「*{zoom:1;}」を追加してみたのですが、変化は見られず。 どうにも困っています。 (参考サイト:http://coliss.com/articles/build-websites/operation/css/143.html) このタグは、CSSのみに追加したのですが、入れ方がまちがっていたのでしょうか。。? 本当はテストアップして、実際にみていただけるとありがたいのですが、 クライアントのコーポレートサイトなので、アップすることが出来ず、すみません。 「*{zoom:1;}」を仕様する際に、 注意しておく点などあれば教えていただけると有り難いです。 よろしくお願い致します。 ============================= 【仕様環境】 WIN IE7 =============================

    • 締切済み
    • CSS
  • ブログのレイアウトがIE6以外で異常に崩れる!

    gooブログアドバンスでテンプレートをいじっているのですが、 IE6では意図したようにレイアウトされるのものが、IE6以外ではレイアウトが崩れてしまいます。 崩れ方もブラウザによって違い、 netscapeではエントリー部分が意図したよりも広く表示され、他の部分にかぶってしまったり、 operaではエントリーが一番下、画面幅いっぱいに表示されたり…という具合です。 一応netscape、operaでも使えるCSSやタグを使っているつもりなんですが…。 どのような理由が考えられるでしょうか? 時間をかけて作っただけに、どうにかしてちゃんと表示されるようにしたいのですが…。

  • Mac版IEで画像が表示されない

    Mac版IE5.1で、***.jpg画像が表示されず困っています。 WinのNetscape 7.1とMacのNetscape 7.02、WinのIE6.02では表示されているので、理由が分かりません。 ちなみに漢字コードはiso-2022-jpです。 思い当たる理由のある方は、教えていただけると幸いです。 よろしくお願いします。

    • 締切済み
    • Mac
  • win版excel2000ファイルをmac版excel2008で開くと

    win版excel2000ファイルをmac版excel2008で開くと、横方向の縮尺がずれる…解消方法はありませんか? win版excelとmac版excelの互換性で悩んでいます。 win版excel2000で作成したファイル(オブジェクトを組み合わせたレイアウト図)をmac版excel2008にて開いてみると横方向の縮尺がずれてしまいます。縦方向はずれていません。解消方法はあるでしょうか?ご教授願います。 ⇒もう少し具体的に言うと、win版excel上でオートシェイプの書式設定で幅を3cmに設定したのに、mac版excel上では2cmになってしまい、全体的に縦長になってしまう…という症状です。

    • 締切済み
    • Mac

専門家に質問してみよう