人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

Mac OS X Leopardを使用しています。 Parallelsを使いWindowsでホームページビルダー8を使いホームページを作成しアップしたのですが、SafariとOpera、Fireworksではデザインが崩れて表示されてしまいます。特にフラッシュ素材などが大幅に崩れてしまいます。OSが違うと表示のされかたも変わると検索したら書いてありました。SafariとOpera、FireworksでもIEと同じように表示させるようにするにはどうしたら良いのでしょうか?
初歩的な質問で申し訳ないのですが、どなたかご教授をよろしくお願いします。

●質問者: usagitoinu22
●カテゴリ:インターネット ウェブ制作
✍キーワード:Fireworks IE Leopard Mac OS X opera
○ 状態 :終了
└ 回答数 : 4/4件

▽最新の回答へ

1 ● envy8791
●20ポイント

一概に「同じように表示させる」方法というのはありません。

それぞれのブラウザの癖を知って、HTMLを作成しなければなりません。

ちょうどよい参考書があるので紹介します。

必携 HTML/CSS/JavaScript Webブラウザー互換性辞典 (インプレスの辞典)

必携 HTML/CSS/JavaScript Webブラウザー互換性辞典 (インプレスの辞典)

  • 作者: 佐藤 和人
  • 出版社/メーカー: インプレス
  • メディア: 単行本

◎質問者からの返答

お返事ありがとうございます。

「同じように表示させる」方法というのはないんですね。

調べていたら文法のチェックというサイトがあったので、作業してみたのですがよくわかりませんでした。

ブラウザの癖を知るですか。奥が深いんですね。

本を掲載して頂き嬉しかったです。

他の方もまだまだお返事お待ちしております。


2 ● Km1967
●50ポイント ベストアンサー

自分の作ったサイトがどのように見えるかをチェックするサイトを利用するのもひとつの手だ。いくつかあげておこう。

http://screenshots.jp/

https://browserlab.adobe.com/index.html

文法のチェックというサイト

ホームページビルダーという時点でさほど複雑なHTMLは吐き出さんが綺麗なHTMLも吐き出さんので文法チェックをするとダメダメかもしれんがFlashやjQuery、prototypeといったようなクライアントに負担を強いるだけのサイトだらけの現状からすればかわいいものだ。文法に関してはあまり気にすることはない。

今見ている、この質問ページのアドレスをいれて検証してみても判るがプロが作ったものとは到底思えないものだ。

http://validator.w3.org/

http://jigsaw.w3.org/css-validator/

だが機能していればそれでいい。あとは自己満足の世界だ。まずは内容と言いたい所だがまずはデザインでも誰もとがめない。どのように見えるかからチェックしていくようにしていけば良いだろう。


書籍は往々にして情報が古いがざっくりと見るには良いだろう。一番いいのはホームページビルダーの取り扱い説明書だと思うのだがしっかり見ているだろか?分厚い書籍だが再度目を通す事を奨める。

◎質問者からの返答

お返事ありがとうございます。

1番上に掲載頂いたスクリーンショットで比べて見られるサイトを見て「こんな風に見えてるんだ」と思いました。

下記のURLで自分が作成したサイトを見たのですが、文法間違いの指摘をたくさん受けました。

なので、HTMLとXHTMLの違いも少し勉強してきて、なんとなく分かってきました。

ですが全て小文字で記述などや「このフラッシュの記述は当たっているのにな」どうしてフラッシュが崩れてしまうのかなどは、いまいちまだ分かりませんでした。

>機能していればそれでいい。

というご意見も分かります。そうですよね。自己満足の世界ですよね。

ただ1番上記のURLサイトで3番人気がSafariだったので、Safariでちゃんと崩れず見えているようにしたいです。

アドバイス頂いた文章の中で「どのように見えるかからチェックしていくようにしていけば良いだろう。」を読んで、ヒントを得ました。

私の作成の仕方(配置やレイアウト)が悪かったように思います。

作成したサイト全てが崩れるのではなく、例えば「About」ページや「Menu」ページが崩れるといった具合なんです。トップページなどは崩れていないので、この2つ意外の崩れているページのレイアウトが悪かったせいもあると思いました。

それとホームページビルダーの取り扱い説明書は、箱に入っている物のことなのか分かりませんでした。

ホームページビルダー8のできるシリーズなどは持っていますが、どっちもしっかり見ていませんでした。

こんなんでは駄目ですよね。改めてそういったこともしっかりしようと思います。

いろいろと気づかせて頂きありがとうございます。


3 ● a532
●0ポイント

あれ?

Macって今はIEサポートしてないんじゃなかったっけ??

IEのバージョン何ですか??


>OSが違うと表示のされかたも変わると検索したら書いてありました。

どこに。。。

フツーはそんなコトはありません。

「ブラウザ」が違うと(バージョンにもよる)見え方は異なりますけどね。


IEと同じように表示させるには、同じように表示されるように作ればいいだけです。

ようは、作り手のウデの問題。

ビルダーとかに頼っている範囲では、無理ではないでしょうか。

http://ja.wikipedia.org/wiki/Internet_Explorer

◎質問者からの返答

すみません。

>OSが違うと表示のされかたも変わると検索したら書いてありました。=「ブラウザ」が違うと(バージョンにもよる)見え方は異なりますけどね。

ということです。自分の書き方が悪かったかもしれませんが、これぐらいのことは察知してください。

人間誰しも最初から全て出来るようなことはあるのでしょうか?

あなたはどうでしょうか?

不適切な発言として報告させて頂きました。

ポイントもやりません。

ので。


4 ● ChikaTetsu
●45ポイント

どのようなホームページを作っていらっしゃるのか分からないのですが、

CSS(スタイルシート)を使っているのなら各ブラウザによって癖があるので、

なれない内はなかなか表示が統一されないかもしれません。

ブラウザごとにCSSを振り分ける方法↓

http://www.designwalker.com/2006/12/css.html

WindowsとMACではテキストの行間等、表示に誤差が出るので

全く同じ…とまでは行かないものの、ほぼ同じ表示にはできるかと思います。

◎質問者からの返答

お返事遅れてすみません。アドバイスありがとうございます。

ホームページビルダーの「標準モード」や「どこでも配置モード」、最近ではDreamweaverなどをやっと使い始めました。

まだまだ勉強不足で気づかされることが多いので、いろいろと慣れていなかったり知識不足のところもありながら続けてしまっている感じで長年作成してきてしまいました。

年がら年中パソコンを使用しているわけではないので、各ブラウザによって癖がある、テキストの行間等、表示に誤差が出るのも知りませんでした。

掲載頂いたURLを読ませて頂いて「こういう風に書くんだ」と知りました。

とても勉強になりました。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ