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

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

http://www.ii29.com/

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

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

●質問者: kalkal
●カテゴリ:ウェブ制作
✍キーワード:IE ダミー ホームページ マッキントッシュ マック
○ 状態 :終了
└ 回答数 : 4/4件

▽最新の回答へ

1 ● namiki_h
●23ポイント

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

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


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

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

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

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

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


対処としましては

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

◎質問者からの返答

ありがとうございます。

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

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


2 ● nanatama705
●23ポイント

http://www.ii29.com/

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

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

◎質問者からの返答

あ!違いますね。

ありがとうございます。

これで直るのかな・・。


3 ● penguin-san
●23ポイント

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

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

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


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

◎質問者からの返答

ありがとうございます。

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

試してみます。


4 ● nima
●11ポイント

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.

◎質問者からの返答

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

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

さておき、

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

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

関連質問


●質問をもっと探す●



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