ベストアンサー

画像の周りこみ　ブラウザでの表現の違い

2005/01/31 01:24

画像の回り込みをcssのfloatで設定して、IE(最新)で確認したところ思ったとおりにできていたのでアップロードしましたそしてなんとなくネスケ7.1で同じページを見てみると、なんと見事にぐちゃぐちゃでした。そこでalignも試してみましたが結局ネスケ7.1ではグチャグチャでしたそこで、思ったのですが１、ネスケとIEで配置の表現を同じにするには相対位置　　か絶対位置を使うしかないのか？２、すべての有名ブラウザ(win.macどっちも)に対応して　　いるページを作成するのは不可能なのか？(見た目を　　あまり変えずに) ３、２が不可能だった場合、どのブラウザでの表現に重　　点を置くべきなのか？（みんなが良く使っているの　　はどのブラウザか？）この３点が質問です私はHTML初心者ですのでもし上３つのような質問をする観念からおかしいとすれば、ご指摘おねがいします

totoroscatbus
お礼率45% (49/108)

HTML
回答数5
ありがとう数1

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

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

ベストアンサー

noname#12055

2005/01/31 20:16 回答No.5

しつこくも３番です。 > ２、不可能です。HTMLはデザインするための文書ではありません。 > どう表現するかはブラウザの勝手です。 > もちろんCSSである程度制御できますが「解釈の違い」があるためムリです。これは、あなたの「(見た目をあまり変えずに)」の部分に対する回答ですのでお間違えのないように。あなたの質問が「すべての有名ブラウザに対応しているページを作成するのは不可能なのか？」というご質問だけなら「可能です」が答えです。正しいＨＴＭＬを書けば「各ブラウザの流儀に従って」正しく表示してくれます。この２番目の質問も、その点から言うと「観念からおかしい」ですね。

その他の回答 (4)

noname#12055

2005/01/31 20:02 回答No.4

３番です。 > もし上３つのような質問をする観念からおかしいとすれば、 > ご指摘おねがいします「ＨＴＭＬを書く」ということは「すべてのブラウザで利用できる文書を書く」ということです。３番目の質問は「観念からおかしい」です。

noname#12055

2005/01/31 19:52 回答No.3

１、NS4.Xだとfloatを使うと変になった経験はありますが 7.1では「ぐちゃぐちゃ」なんてことはないですよ。私はfloatによる段組すら７種のブラウザできれいにできています。あなたの書き方がおかしいというのが濃厚ですのでもう一度ご点検ください。２、不可能です。HTMLはデザインするための文書ではありません。どう表現するかはブラウザの勝手です。もちろんCSSである程度制御できますが「解釈の違い」があるためムリです。３、すべてに重点をおきます。それがHTMLの考え方ですし、そのための文書がHTMLです。論理構造をしっかり保ったHTMLを書けばすべてのブラウザでキッチリ表示できますのでそれをまずやります。 CSSはオマケですが、以下を押さえ最大公約数部分を理解すればある程度は似たような表現が可能ですので、比重を置く必要もありません。 http://members.at.infoseek.co.jp/cssbug/index.html なお、最大公約数部分に満足できないというのなら、どうぞわが道をお進みください。

参考URL：: http://members.at.infoseek.co.jp/cssbug/index.html

taba
ベストアンサー率61% (349/567)

2005/01/31 03:42 回答No.2

floatは確かにブラウザごとの表示が一定していなかったりしますが、画像をfloatさせるだけならそれほどおかしなことになった経験がありません。ぐちゃぐちゃになってしまうのは、何か他のところに問題がある可能性もあります。特にIEのほうが多少書き間違っていてもそれらしく表示してくれることが多いので、注意が必要です。レイアウトにボックス要素を使い、それをfloatさせていて崩れるのであれば、まずIEとNNのwidthの解釈の違いと、文書型宣言（あとIEの標準／互換モードの違い）についてネットで検索して理解する必要があるかもしれません。どういうデザインを作ろうとしてうまくいかないのかを質問したほうが、適切な回答が得られるかも。１．完璧に同じにするには、#1の方の回答のとおりjavascript等でCSSを分岐させることになりますが、それほどトリッキーなことをしなければ、おおむね問題はないと思います。２．シンプルなHTMLなら大丈夫でしょう。floatを使うくらいなら、骨子部分の配置はTableを使ったほうがいいかもしれません。現状では。

sion_fs
ベストアンサー率36% (152/416)

2005/01/31 02:08 回答No.1

１）IEとNNで表示を同じにするには、それぞれで別々にCSSを用意する事になるかと思います。２）凝っていない＝CSSをあまり使わず、位置にも深く拘らず、むしろ生HTMLのままに近い状態である方が、どちらのブラウザにも対応出来るのでは無いでしょうか。即ち凝ったデザインを狙うなら、 (ａ)ブラウザ毎にページを切り替える (ｂ)CSS等は極力利用せず、JavaやFlashなどを有効活用するという形になると思います。３）私のブログのログから言うと、これまでのアクセス数約８０００超（１万行ってるかも？）の内、７５％前後がＩＥです。次に多いのがFirefox というブラウザで１２％前後です。ＮＮはVer4.7とかを合計しても、８％にも満たないです。