- ベストアンサー
HP作成時にブラウザ表示されません
HPを作成しています。メモ帳で作成したテキストをブラウザで表示する際、タイトル以外まったく表示されず白紙です。WIN7、IE9での作成です。WEB上で解決策が見つけることができず、よろしくお願いいたします。
- zehishiritaino
- お礼率100% (4/4)
- その他（インターネット・Webサービス）
- 回答数4
- ありがとう数4
- みんなの回答 （4）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
正直言って。。。 HTMLソースを見ないと何がいけないのかわかりません。 まず、 <html> <head> </head> <body> </body> </html> のようなコンテナ構造を守っていますか？ <body></body>の中に内容を収めていますか？
その他の回答 (3)
- capsrock
- ベストアンサー率33% (3/9)
こちらのサイトで構文チェックしてみてはどうでしょうか？ 細部まで解説してくれ、とても勉強になります。 http://www.color-web.net/htmlchk/index.html
お礼
ありがとうございます。チェックしてみます。 今もテキストにある構文を書き写しているだけなので、問題は起こらないはずなのですが。。
- dragon-man
- ベストアンサー率19% (2700/13647)
おそらくtitleタグに関する記述以外、ＨＴＭＬ記述に間違い（文法エラー）があるのです。それからＩＥばｈｔｍｌ文をweb表示するソフト機能であって、ＨＰを作成する機能ではありません。ブラウザはＩＥ以外の何をつかってもかまいません。メモ帳はｈｔｍｌ文法を関知しない、単なるメモ書きなので、ｈｔｍｌ文法チェックを最小限してくれるTerapadのようなフリーソフトを使った方がいいです。ｈｔｍｌタグの使い方がおかしいと、それが分かるように表示してくれます。 それからweb表示では間違いは分かりません。間違いを探すのはあくまでもHTML文そのものです。プログラムのデバッグと同じです。
お礼
ありがとうございます。 フリーソフトの存在は知りませんでした。 試してみます。
補足
取り急ぎ「Mery」といフリーソフトを使ってみましたが、やはり白紙でした。Mery上で作成した構文を保存する際も、メモ帳になってしまうのですね。。
- vaidurya
- ベストアンサー率45% (2714/5983)
メモ帳は、もっともシンプルなテキストエディターなので、非常に使いづらいものです。 ソフトウェア開発やHTML記述などに対応したテキストエディターを使えば 構文の異常を検出してくれたりして、ミスが少なくなります。 表示されないのであれば、ほとんどの場合は /を使った閉じるほうのタグの書き忘れや <>のタイプミスなどだと思いますが…対応したテキストエディターなら そういうところを色を変えたりして知らせてくれます。 フリーのものでもいろいろとあるので探してみましょう。
お礼
ありがとうございます。 試してみます。
関連するQ&A
- Flashデータが各ブラウザで異なって表示されるのは？
Flashでデータを作成してウェブ上にアップしたのですが各ブラウザでFlashデータのテキスト文章が表示されたり、されなかったり・・・といった状態になります。 作成したデータを例えばウェブ上に上げた際に IEではテキストも表示されますが Operaではテキストが表示されなくなっていました。 こういったブラウザによって起こる不具合などは どの様に解決すれば良いのでしょうか？ 宜しくお願い致します。
- ベストアンサー
- Flash
- ＨＰ作成時のブラウザチェックのことで教えてください
ＨＰ作成をＤＷＭＸでしています。 ブラウザのチェックで、Ｆｉｒｅｆｏｘでは見れるのですが、ＩＥでは今まで見れたのに、まったく何も表示されなくなってしましまいました。 しかし、リンクしている他のページはＩＥで開いて見れます。でもそのページは他ページからのリンクで見てもやはり表示されません。ＨＰ作成が初心者なもので、どなたかわかる方がいましたら、教えてください。お願いします。
- ベストアンサー
- その他（インターネット・Webサービス）
- ブラウザにＨＰのタイトルを表示させたい
いつもお世話になっております。 気に入ったＨＰを見つけたら、『お気に入り』に登録したりしますよね。 『お気に入りに追加する』をクリックすると、大体名前の欄にそのＨＰのタイトル等が書かれています。 でも私のＨＰでお気に入り追加をした際、タイトルは表示されず、ＨＰアドレスだけが書かれていました。 つまりブラウザ(青い部分)にもタイトルじゃなくアドレスが表示されている状態なんですね。 やっぱりブラウザにＨＰのタイトルを表示させたいんです。 でもやり方が解からなくて…。 ちなみにホームページビルダーで作成しました。
- ベストアンサー
- ホームページ作成ソフト
- HP作成におけるブラウザについて（初心者です。）
MAC(10.4.11)でHPをcssを使用して作成しています。 HP作成に伴い購入した本には 「FIRE FOX、safari、operaの三種類はブラウザは同じように標準規格に準拠しているため、どれか一つのブラウザで表示を確認すれば、大抵の他のブラウザでも表示が崩れることはありません。」 と書いてあったのですが、fire fox(ver.3.5.1)ではきれいに表示されるのにsafari(4.0.2)では微妙に崩れてしまいます。 どうしてでしょうか？？ また、IEは5.5しか持ってないのですがほとんど崩れて表示されます。 IEの場合はどのバージョンに合わせて作るのがベターなのでしょうか？ とっても困ってます。 どなたか教えてください！ よろしくお願いします！
- ベストアンサー
- その他（インターネット・Webサービス）
- ブラウザによって見栄えが違うのはどうしてですか？
goliveでwebを作成したのですが winのIEやネスケでは問題ないのですが macのIEで確認すると、何だか若干ずれて表示されます。 これはどうして起こるのでしょう？ また解決策はありますか？
- 締切済み
- ホームページ作成ソフト
- ＨＰ表示について
質問のカテゴリの場所がわからなかったのでココで。 自分のＨＰに来てくれた人から、このような事を言われました。「Macユーザーなのですが、ページのほとんどが見えません。ちなみにブラウザはIE4.7なのですが。」と。 私は「Win・IE5.0」です。ＨＰはフレームを使っています。この事が相手の方に問題になっているのでしょうか？それとも他に・・・。初心者すぎて、まったくわかりません！問題点と解決策を教えて下さい。
- ベストアンサー
- その他（インターネット・Webサービス）
- ブラウザが違うと制作中のHPの表示が異なってしまう
HP制作初心者です。 macのテキストエディットでHPを作っているのですが、だいたいのレイアウトや全体像ができたところでWinのIE（バージョンまでは確認していません…）で表示してみたところ、レイアウトやフォントなどmacのsafariとかなり違いがありました。 制作中のHPをおおまかに書くと、背景などは使っていなく（白）、すべてosakaフォントの10pt～7pt、基本レイアウトはcssによるヘッダ・本体・（フッダ）の構成でfloatは使っていません。 レイアウト崩れなど回避できた所もあるのですが、 今解決できないのはWinのIEではフォントの違い（→WinではMS Pゴシックが表示されるようにしています。その他sans-serifとsans-serifに分類されるフォントも指定しています）によって字詰めや大きさが変わってしまう（ひとまわり小さくなるようです）、古いIEでは定義タグが一部効かない箇所がある、トップページは中央に画像一つとコピーライト（画像）なのですがフッダで画面の下に配置したコピーライトが中央の画像にかぶってしまう。などです。 自分の環境がmacのsafariとfirefoxしかなく、調べてみるとIE6などバグが多く発生するらしいもののシェア率がかなり高いようなので、いっきに不安になりました。 なんとなく全ての環境で同じように見えるというのは無理そうな事が分かってきたのですが、ブラウザが変わっても、見え方が近くなるこつなどはあるのでしょうか？ また、HP制作でそれらをさける為にまずやるべきこと。などがあれば教えていただきたいです。 HP制作用のソフトを使えばいいのか？など分からないことだらけなのですが、何かアドバイスなどあれば、よろしくお願いします！
- ベストアンサー
- CSS
- GoLiveで作ったHPのブラウザ表示
GoLive CS2でHPを作成しています。 GoLiveで作ったHPをIE6とoperaで確認してみたのですが、表示がそれぞれ異なっています。 具体的に言うと一番上に表示されている画像や文字がoperaでは隙間無く表示されているのですが、IEでは一文字分程度の空きができてしまっています。空きができないようにするにはどの部分をいじればいいのでしょうか？ それから、より多くのブラウザでレイアウトが崩れないようにするにはどこを意識して作ればいいのでしょうか？ ご教授お願いします。
- 締切済み
- ホームページ作成ソフト
- HP作成に関することで教えてください。
リンク先の新しいページの大きさと表示される位置を指定したいのですがどうすればよいでしょうか？ ■ＯＳ：Ｗｉｎ９８ ■利用ＨＰ作成ソフト： ＨＰビルダー６．５ Ｄｒｅａｍｗｅａｖｅｒ フロントページエクスプレス。 ■ブラウザ：ＩＥ６ 主にＨＰビルダーを使っています。 できればｊａｖａｓｃｒｉｐｔを利用しない方法があれば幸いです。 また、ＨＴＭＬが掲載されているＨＰがあればぜひ教えてください！
- ベストアンサー
- HTML
- 自作ＨＰを違うブラウザ見ると表示がおかしいんですが・・・
こんばんわ。 グーグルの新しいブラウザが発表されたので早速ダウンロードし、自分が作っているＨＰを閲覧してみました。 すると・・・文字が重なっていたり、テキストが左寄せになっていたりで凄い事になっており、少しショックを受けています（涙） 今までＩＥ７を既定ブラウザとして使っており、普通に表示されていました。 なぜこのようになったのでしょうか？ ちなみに、Ｆｉｒｅｆｏｘ、ｓａｆａｒｉもダウンロードして閲覧してみると、Ｃｈｏｒｏｍｅと同じような状態になっておりました。 自作ＨＰは外部ＣＳＳにしています。 これが原因なのでしょうか？ よろしくお願いします。
- 締切済み
- その他（インターネット・Webサービス）
お礼
ありがとうございます。 入力したソースは以下の通りです。 テキスト（HTML/XHTML&スタイルシート レッスンブック ソシム社刊）を見ながら進めています。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <title>森の工房 [Forest Studio] - 森の工房について </tilte> <style type="text/css"> body {color: #444444; background-color: #66aa66} div#container {border: solid 2px #bbffaa; padding: 20px; background-color: #ffffff} div#header {background-color: #66aa66; padding: 5px 20px} div#header p {color: #222222} h1 {font-size: 1.25em font-family: Verdana, Helvetica, sans-serif; color: #ffffff} p {font-size: 0.75em; line-height: 1.4} address {font-size: 0.75em; font-style: normal} a {color: #33aa88} a:hover {color: #88aaff} address a: hover {color: #ffaa00} ul {list-style-type: none; margin-left: 0; padding-left: 0; background-color: #bbffaa; padding: 3px 20px} li {display: inline; padding-right: 10px} font-size: 0.75em} li a {text-decoration: none} h2 {font-size: 1em; border-left: solid 16px #66aa66; padding-left: 5px} h3 {font-size: 0.875em; border-bottom: solid 2px #66aa66; padding-bottom: 3px} </style> </head> <body> <div id="container"> <div id="header"> <h1>Forest studio</h1> <p>自然のあれこれをお届けする森の工房です</p> </div> <ul> <li><a href="index.html">トップ</a></li> <li><a href="about.html">森の工房について</a></li> <li><a href="event.html">季節のイベント</a></li> <li><a href="contact.html">お問い合わせ</a></li> <li><a href="http://blog.xxx.xxx/">ブログ</a></li> </ul> <h2>森の工房について</h2> <p>Forest Studioでは、自然の中にある「森の工房」を 運営しています。森の工房では、四季を通じてイベント を開催したり、さまざまな商品の開発を行っています。 </p> <h3>森の中にある工房</h3> <p>森の工房は、木々のあふれる森の中にあります。森 の入口から細い小道を通り、森の奥に進んください。 しばらくすると、森の中にある小さな丘に出てきます。 その丘の上にある木造の建物が「森の工房」です。</p> <p>この丘はちょうど森の中央に位置しており、森の中を散 歩したり、自然の中で遊んだりするときにも、ちょうど いい拠点になります。森全体を見渡すことも可能で、夜 は満点の星を満喫できます。</p> <h3>四季を楽しむことができる場所</h3> <p>森の工房では、春、夏、秋、冬と、四季折々の自然 を楽しむことができます。< br/> 春には、雪解け水の中から目を出す新しい命や、新緑の 鮮やかな緑。夏には、緑濃く茂った木々の間を吹き抜け るさわやかな風に、川の清流での水遊び。秋には、森全 体が赤や黄色に染まり、色鮮やかな紅葉に包まれます。 木々の葉が落ち、冬になると、ここは雪に覆われて一面 の銀世界になります。</p> <h3>工房のまわりにいる動物たち</h3> <p>工房のまわりにはいろいろな動物たちが棲んでいま す。キツネ、タヌキ、イタチ、ウサギ、リス、シカ、イ ノシシ・・・。森の中で出会うこともあれば、ひょこっと工 房に顔を出すこともあります。土や雪の上に残った足跡 から、正体を探るのも楽しみです。</P> <p>ただし、森の工房では彼らに餌をやることはしてい ません。自然にあるがままの姿で、いっしょに生活して いきたいと考えているからです。彼らに出会ったときに は、びっくりさせないように遠くからそっと眺めてあげ てください。</P> <address>Copyright(C)<a href="mailto:forest@ web.mail">Forest Studio</a></address> </div> </body> </html>