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

htmlのフレーム製作の表示についての質問です(うごメモ)

昔からの悩みなのですが
LinuxとWindowsでは文字コードに違いがある事に困っていまして
ブラウザごとにも表示が不安定になっております

それがこちらのサイトです

http://yatagarasu0495.web.fc2.com/hatena/chat/chat03/index.html

本来なら5コメントずつ戻してでしか見られない
過去のコメントのログを左フレームで指定して右フレームに出力するものです
(作品はYダッシュさんのものです)

LinuxもWindowsもフレーム無しの時には表示されるのですが(Windowsはエンコード有り)
一部のWindowsでは使えない!?ようです

Windowsの方はどのような表示になるのか!?
また対処できた方はお願いします

今の所 Windows IE では エンコード→Unicode(UTF-8)でうまく表示されます

P.S.
右のフレームにはCSS {display: none;}である程度広告を消しましたが
広告の上手い対処方法も知りたいです


●質問者: 八咫烏
●カテゴリ:インターネット ウェブ制作
✍キーワード:CSS HTML IE Linux P.S.
○ 状態 :終了
└ 回答数 : 5/5件

▽最新の回答へ

1 ● km1981
●20ポイント

右側のフレーム side.html の内容が壊れているから

ちゃんと表示されないのだと思います


Firefoxにfirebugアドインを入れてチェックし直してみてください

◎質問者からの返答

どのように壊れているのかが気になります

firebugというデバッグツールがあるのは知っていますが...

サーバーにアップする前にはちゃんと2つともフレームは表示されていますし

自分が見るかぎりLinuxでのFireFoxとGoogleChromeでは正常に動作します

しかしWindowsではエンコードしなければ表示されなかったり

白い画面のままだったりするのです

一応見直します


2 ● kohonly
●25ポイント

metaタグでのcharsetを入れてみたらどうでしょうか?

文字コードをutf-8で作成しているのなら、

それぞれのページのheadタグの下に追加してみてください。

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
◎質問者からの返答

一応Windowsの文字コードは(Shift_JIS)

Linuxの文字コードは(UTF-8)と聞いております

WindowsでもLinuxでも正常表示させたいのですが

UTF-8のコードはWindowsにも対応していたのでしょうか

(もしそうなら自分の勉強不足です)

試してみます


3 ● Shinya
●5ポイント

いっそのこと過去にバックアップしておいたデータに移し替えてみては?直るかもしれませんよ。

◎質問者からの返答

とりあえず

後から加えた広告のCSSでの無理やりの軽減の{display: none}を

無くして

も修正して再アップしました...

Windowsの各ブラウザの表示がいまいち分からないので困っています

WindowsのIEの方ではアクセス時は白い画面でエンコードすれば

見られるそうですので

今再びアクセスした時の状態が気になります

こちらからでは元々正常に表示されていて

デバッグ後も表示が以前の通り正常なため分からないのです


4 ● singer555
●15ポイント

フレームは複数のHTMLファイルを一度に表示するもので、 メニューとコンテンツを分けて表示させているフレームをよく見ると思います。 メニューをクリックすると、その内容をコンテンツの表示するメインフレームに表示し、 メニューはそのまま表示されているタイプです。

その場合はメニューのHTMLファイルと、コンテンツのHTMLファイルが別に出来ていて、 それを両方表示してあるんですが、2つのHTMLを表示するためにフレームのHTMLを作り、 その中に2つのHTMLを表示させているんです。

このようにフレームで複数のHTMLファイルを表示でき、一度に表示する数は自由です。 しかし表示するHTMLファイルが多過ぎると、やはりその分全てを表示するのに時間がかかってしまうので、 その辺は各HTMLファイルの作り方次第になってきます。

中には多くのフレームで区切ったサイトを嫌う方もいますが、作り方次第で何の問題も生じないですし、 フレームをコンテンツなどの表示だけに使うのではなく、フレームを使ってサイトデザインをすれば、 見栄えと機能の両面を両立させる事も可能でしょう。

ただしショップサイトやアフィリエイトを取り入れたサイトには、不向きである事は拒めません。

◎質問者からの返答

いやフレームの個数は今回関係ないと思います...


singer555さんがサイトを見たときには

ちゃんと表示されるようになっていたのでしょうか!?

とりあえず「メニュー」「メイン」「メニュー+メインのページ」

フレーム二つで一つのページに統合しましたが

とりあえず見せる分には気をつければいいのですね


5 ● しおり
●35ポイント ベストアンサー

Internet Explorer 6では全く表示されません。自動では文字コードをShift_JISと判断しているので、手動でUTF-8に変更すると表示されます。

日本語(非ASCII文字)入りのtitleタグをcharsetを指定しているmetaタグの前に書いているのが原因ではないでしょうか。

<title>地底コメントログ飛翔</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>地底コメントログ飛翔</title>

追記:ローカルに保存して上記のように変更するとUTF-8と判断され表示されました。

◎質問者からの返答

自分の知り合いのユーザーが見たところ

真っ白なままと言われました

他は表示されるなどの意見が分かれていて困っていたのですが

タグの順番にありましたか

<meta>タグは特に入れ子の心配などが無いため

いつも<head>タグの中に適当に入れていましたが

そういう事情があるのですね

しかしこの前Linux内部で編集したhtmlファイルを

Windowsのパソコンで見てみた所

改行が抜かれていました

やはりWindowsで編集した方が無難だったのでしょうか

とりあえずタグの位置を変更します

表示報告ありがとうございます

関連質問


●質問をもっと探す●



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