マッキントッシュ(以後マック)用のホームページ作成方法についてです。


http://www.ii29.com/

このページはマックで見ると下に大きくずれるそうです。
私はマックを持っていないので確認できないのですが、
おそらくマックのIEで見たときにずれるのだと思います。

原因と対処方法がわかるホームページ、もしくは、ホームページは
ダミーでもかまいませんので、原因と対処方法がずばりわかれば、
教えてください。よろしくお願いいたします。

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2005/11/01 09:36:24
  • 終了:--

回答(4件)

id:namiki_h No.1

namiki_h回答回数6ベストアンサー獲得回数02005/11/01 10:03:37

ポイント23pt

私が閲覧させていただいた限りでは

javascriptの有効、無効切替でページのずれを確認できました


原因はページ内に書かれた

「<script language=”JavaScript” src=”./js/style.js”></script>」

上記箇所が実行されるされないの違いに有ります

また、このコード内でスタイルシートの読み込みを行なっているため

javascriptが利用できるブラウザでもスタイルシートに対応していないと表示が乱れることになります


対処としましては

・スタイルシートに依存しないレイアウトに修正する

id:kalkal

ありがとうございます。

タグだけで書いたら確かに大きなずれはおさまるようです。

ですがなるべくスタイルシートの勉強の為にスタイルシートを利用したホームページを作成したいのです。

2005/11/01 12:30:57
id:nanatama705 No.2

nanatama705回答回数4ベストアンサー獲得回数02005/11/01 10:58:10

ポイント23pt

http://www.ii29.com/

佐賀産の黒毛和牛 直販!中山牧場

ソースを拝見しましたが、一番下の<html>は</html>のまちがいではないですか?

id:kalkal

あ!違いますね。

ありがとうございます。

これで直るのかな・・。

2005/11/01 12:42:48
id:penguin-san No.3

penguin-san回答回数98ベストアンサー獲得回数02005/11/01 11:11:10

ポイント23pt

(私もマック持ってないんで)全然違う事かもしれませんけど・・・

本当は、『>』だけでいい部分が『 />』になっているせいかもしれません。

私が数えたところ同じ間違いがimgの最後尾で5ヶ所 brで3ヶ所 計8ヶ所ありました。


関係なかったらすいません。

id:kalkal

ありがとうございます。

うーん、「/」いらないのでしたっけ・・・。

試してみます。

2005/11/01 12:57:52
id:nima No.4

nima回答回数23ベストアンサー獲得回数22005/11/07 04:43:59

ポイント11pt

http://browsershots.org/

Test your web design in different browsers - Browsershots

直接の対処法ではないので不適切だと思われたら無視してください。


Mac本体を導入しなくても、ブラウザのスクリーンショットを作成する

サービスというのがあります。

表示確認しながら修正するような使い方は出来ませんが、最終確認用

としてはなかなか便利に使えると思います。


ちなみに、

browsershotsは無料で(ただし表示までに相当な時間がかかります)、

browsercamは試用後有料です。

http://www.browsercam.com/

BrowserCam : Screen capture and Remote Access service for cross platform compatibility testing and HTML design quality assurance.

id:kalkal

実は確認のページは知っていました。

でも情報提供してくださってありがとうございます(^^)

さておき、

/>をはずしたり、</html>直したりしたのですが、

やっぱりずれるみたいです。。

2005/11/08 09:35:22

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません