- ベストアンサー
IE6.0とfirefoxでの表示の違い
はじめまて投稿させていただきます。 最近、xhtmlによるサイト作成を行っております。 わからないまま、cssを活用したページを作っておりますが 何とか作成できIE6.0で出来栄えを確認してもほぼ予想通りなので 安堵しております。 でも、firefoxでみると全てのページで配置が崩れているのに愕然としております。 何か根本的なものを見落としているのでしょうか。 どなたか教えていただけましたら幸いでございます。 宜しくお願いいたします。
- Diamonds2006
- お礼率100% (3/3)
- HTML
- 回答数3
- ありがとう数5
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
その他の回答 (2)
よくある例： １．span,fontなどの非置換インライン要素にwidthやheightなどブロックレベル要素にしか使えない設定を行う。 ２．filterなどIEの独自拡張を使っている。 ３．要素の属性の使い方がIEを基準にした使い方となっている。
お礼
U-RIA_plua さま 早速ご回答頂きまして誠にありがとうございました。 1.に付きましては、外部CSSの内容をもう一度精査してみたいと思います。 2.3.に付きましては、皆さんの使われているブラウザの大半がIEということを考慮すると仕方がないのかも知れませんね。 と言うか、自分ではIE用とは意識しないで作っていましたので全くのノーガードでした^^; もっと他のブラウザのことも勉強しなければいけないということがよく分かりました。 どうぞ今後とも宜しくお願いいたします。 ありがとうございました。
- yambejp
- ベストアンサー率51% (3827/7415)
>何か根本的なものを見落としているのでしょうか。 CSSなど表示関連解釈の違いだと思いますので、 見落としがあるのでしょうね。 IEで動いているのはたまたまでしょう。 個別のタグ設定などを上げてもらえない限り まっとうな回答はできませんが。
お礼
yambejp さま 早速ご回答頂き誠にありがとうございました。 本格的なCSS活用は初めてです^^; 解説書を見ながら悪戦苦闘です。 たとえば、・・・ ーーーーーーーーーーー <body> <div class="contents"><div class="toptitle03"> <h2トップページ > ページ1</h2> </div> <h3>テストページ</h3> <hr/> </div> </body> </html> 以上の内容でも、文字構成が崩れてしまいます。(^^ゞ .toptitle03 { height: 18px; width: 740px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #999999; float: left; text-align: right; clear: none; margin-top: 35px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; border-top-width: 1px; border-top-style: dotted; border-top-color: #999999; font-size: 90%; padding-right: 10px; } h2 { font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; font-size: 90%; font-weight: bold; width: auto; height: auto; color: #000066; margin: 5px; padding: 5px; float: none; } h3 { font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; font-weight: bold; color: #000066; font-size: 90%; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FCC7D7; width: 40%; height: 16px; vertical-align: middle; padding-top: 2px; } ーーーーーーーーーーー きっとこれだけの中にも、たくさんバグがあるのだと思いますが・・・^^; もしご面倒でなければ、バグをご指摘頂ければ幸いでございます。 どうぞ宜しくお願いいたします。 ありがとうございました。
関連するQ&A
- FirefoxとIEにおける表示の違いについて
IEで表示できるページがFirefoxで上手く表示されない、またはエラーが出るということはよく聞く話なのですが、具体的にどのようなソースを書いた時に違いが表れるのでしょうか。 "コメントアウト<!-- -->を必ず閉じなければならない"、など、基本的なHTML、CSS、JavaScript程度のことで構わないので、教えていただけると幸いです。よろしくお願いします。
- ベストアンサー
- HTML
- IE6でページの表示がずれます。
HTMLで作成したページが、IE7とFirefoxでは、正常に表示されるのですが、 IE6で確認すると、ページの左側部分が全体的に下にずれて表示されます。 CSSを修正したり、手を尽くしてみたのですが修正できません。 何かIE６に正しく表示させるような方法はありますでしょうか。 教えて頂ければ幸いです。
- ベストアンサー
- その他([技術者向] コンピューター)
- IE・FirefoxでのCSS表示違いについて
HTML＋CSSでホームページを制作する際、以下のような構成 上部：メインロゴ 中部：コンテンツ（What's newなど） 下部：メニューバー で、IE7とFireFoxで表示違いの差が発生してしまいます。 IEだと問題なく表示されるのですが、FireFoxで表示した場合、 ・中部のWhat's newが表示されない ・下部メニューバーが上部メインロゴの右側に表示されてしまう などの表示の問題が発生します。 CSSファイル内のソースが問題だというところまでは分かって いるのですが、一般的にこういった場合、CSS内でページ全体を 構成するfloatの設定がおかしいのでしょうか？ 全体のページ構成を決めるCSSタグでIEでもFireFoxでも全体を 崩さず表示を同じにするようなタグがあればご教示ください。 説明が分かりづらくてすみません・・。 （URLを具体的にお教えできれば良いのですが、、） お分かりであればお願いいたしますm(＿)m
- ベストアンサー
- CSS
- IE8とFirefoxの見え方の違いについて
Mac FirefoxでHPを製作しました。 Win IE8で見たら、文字の大きさ、色が全く違い驚いてます。 また、段落ちもおきてしまっております。 １０００ページ以上ありますので、 CSSで直したいのですが、直し方が分かりません。 すみませんが、何方か、お分かりになる方 いらっしゃったら、教えて下さい お願い致します
- 締切済み
- その他([技術者向] コンピューター)
- ファイアフォックスで表示されるのにIEで表示されない
ホームページビルダーを使ってHPを作成するほどの素人です ファイアフォックスではフラッシュが再生されるのですが IEでは再生されません、中身は一緒のはずなのですがこのページは再生されてこのページは再生されないと言った形になります ・両方で再生できる http://jpg1.sakura.ne.jp/amamiya/amamiya.html ・ファイアフォックスのみ再生できる http://jpg1.sakura.ne.jp/zono/zono.html 何が悪いのか、何を修正すればよいのかわかりません わかる方教えていただければ幸いです
- 締切済み
- HTML
- IEとファイヤーフォックスでのレイアウト違い
外部CSSにてレイアウト組んだのですがIE７とファイヤーフォックスで微妙に違うレイアウトになってしまいます。。 IEですとメインフラッシュの横に１ｐｘ程度の白い空白ができてしまいます。 正しくはファイヤーフォックスのように空白がない というようにIEでも表示させたいのですが・・・・。 どなたかお力添えいただけると幸です。。 http://studio-evah.com/test/ cssは http://studio-evah.com/test/css/css.css です。 よろしくお願いします。
- ベストアンサー
- HTML
- ファイヤーフォックスだとホームページは表示されるのに、ＩＥでは表示され
ファイヤーフォックスだとホームページは表示されるのに、ＩＥでは表示されません。 ＩＥで自分で作ったホームページを開こうとすると、「reji.css」確認中・・・一時ファイルを・・・とメッセージが出て、許可するとＣＳＳエディタが出てきます。 同じように作った別のページは普通に表示されるのに、これだけ表示されず大変困っております。 ＩＥで表示されないページのアドレス http://www,tsuhan-hyakka.com/reji ＩＥでもＦＦでも表示されるアドレス http://www.tsuhan-hyakka.com/reji-casio ＣＳＳも同じものを使っています。 試行錯誤しながら作ったホームページなので、何とかＩＥで見れるようにしたいと 思ってます。 どうかよろしくお願いします。
- ベストアンサー
- その他(Windows)
- IEとFirefoxの表示の違い
テーブルを使わずCSSで枠を作り、中に画像を入れてその右側に文章を表示させたいのですが、ブラウザによって表示が異なり困っています。 外部スタイルシートに以下を記載して、 body {width:600px;} .img{float:left;} div.box { border: 1px solid #000 ; padding:10px; margin:10px; } 以下のHTMLをブラウザで表示すると、枠が重なって表示されます。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <link rel="stylesheet" href="style.css" type="text/css" /> <title>test</title> </head> <body> <div class="box"> <h4>title</h4> <div class="img"> <img src="img1.gif" width="200" height="400" alt="img" /></div> text text text text text text<br /> </div> <div class="box"> <h4>title</h4> <div class="img"><img src="img1.gif" width="200" height="400" alt="img" /></div> text text text text text text<br /> </div> </body> </html> そこで、 スタイルシートのdiv.boxに height:100% ; を追加すると、IEでは画像の高さまで枠が広がりますが、Firefoxでは重なったままで変化しません。 画像の高さをpxで指定してやれば両方表示できますが、高さの設定を特にしないでIEとFirefoxで同じように表示する方法がありましたら教えてください。 よろしくお願いします。
- ベストアンサー
- CSS
- 作成したホームページがＩＥでは表示されない
xhtmlとcssでページを作成しました。 FireFoxではローカルでもネットにアップした状態でも見ることが出来るのですが、 ＩＥを使用すると、ローカルでは見れるのですが、ネットに上げたものは指定した背景の色しか表示されません。 何が原因なんでしょうか。 よろしくお願いします。 <?xml version="1.0" encoding="Shift_JIS"?> <!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=Shift_JIS" /> <title></title> <link rel="stylesheet" href="style.css" type="text/css"> </head>
- 締切済み
- HTML
- cssを使ってlist表示（opera)
こんにちは。 初心者ですが、今cssとxhtmlを用いてのweb制作をしております。 cssの指定でマウスを乗せると色が変わるメニュー（横型）を配置したのですが、Firefoxでは動作確認できるのですが、IEでは全部崩れ、operaではメニュー部分のリストが指定できていません。 FirefoxとoperaではCSSの記述に違いがあるのですか？ そして、IEで表示する際にcssはどうしたらきちんと読み込んでくれるでしょうか？？
- ベストアンサー
- HTML
お礼
partita さま 早速のご回答を頂き誠にありがとうございました。 ブラウザ毎に異なる初期設定、初心者の私には想定の範囲外でございました。 初期値を一旦ゼロにする考え方、試させて頂きたいと思います。 フォントサイズに付きましては、最初は絶対値を採用していたのですが、ユーザビリティーを考慮して伸縮自在のパーセンテージを活用しております。 ブラウザ作成者様へ切なる願いですが、せめて共通要素は独自性を持たせないでほしいものです。 この度は貴重なアドバイスを色々とありがとうございました。今後とも宜しくお願いいたします。