掲示板/HTML質問板/過去ログ/一覧/ サイトデザインが崩れてしまいます。

0 名前： mai ： 2006/01/03 21:51: 初めまして。私は今、サイトを作っているのですが・・
実は閲覧されている方からあるメールをいただきました・・
それはなんと、私のサイトのデザインが崩れてるそうです。

たぶんそれはHTMLで作っている私のソーズなどが汚いからだと思われます。
ここでURLを公表するのは出来ないので、どうかメールで詳しく教えていただける方を
探しています。

閲覧者はインターネットのブラウザをMozillaのFire Foxで使っておられます。
また、友達が持っている大きなパソコンの画面でも同じように崩れていました。
詳しく教えていただける方がいらっしゃいましたらご一報を御願いします。

1 名前：モノ： 2006/01/03 21:51: ×ソーズ
○ソース

こういった場でメールでのアドバイスを求めるのは
後に共有できる情報が何も残らないので
やめたほうがいいですよ。

単純な文法のミスなら
http://openlab.ring.gr.jp/k16/htmllint/htmllint.html
で探すことができます。
100点までいかなくても、重大なエラーを根気よくつぶすだけで
だいぶ違ってくると思います。
CSSをお使いなら
http://jigsaw.w3.org/css-validator/
も通してみるといいかもしれません。

2 名前：Ｚ： 2006/01/03 21:51: 　モノさんのおっしゃることでだいたいよろしいのですが、さらに補足します。

　他の方からの指摘が必要でしたら、

http://deztec.jp/design/site_review.html

こちらにあるように、批評サイトを回って評価をもらうのも一つの方法です。

　また、本来ＨＴＭＬは「環境に依存しないこと」が目的ですので、多少ブラウザごとに見栄えが異なったとしてもそれは全く問題にはなりません。ブラウザのレンダリング（整形処理）がブラウザごとに違うというだけです。。

資料）
http://members.jcom.home.ne.jp/pctips/www/

3 名前： mai ： 2006/01/03 21:51: 私のパソコンで見れるのを基準に作っているので、パソコン画面の大きさ、
環境などは私自身のにあわせている状態なんですが・・・。
ソフトなどを使わず、HTMLで作っているのですが、その使い方が下手で崩れると言うことは
あるのでしょうか？
確かに大きな画面のパソコンで見ると崩れています。
しかし、他のサイト様は崩れていなかったりするわけです。。
そのコトがなぜ生じるのかを知りたいのですが・・。

確かにここで載せることが大事かもしれないんですが・・結構大きなサイトになって
まして、何かで問題が起きると恐いですし・・・。他サイトでおもいきりわがまま
な発言ですが。。。

4 名前： 匿名希望 ： 2006/01/03 21:51: >>3
＞他サイトでおもいきりわがままな発言ですが。。。
残念ながらここは貴方の我侭を聞く場所じゃない。
URLやソースをここで公開したくないのなら自サイト内で助けを求めるか、信用できる方に直接メールで聞きたまえ。

5 名前：Ｚ： 2006/01/03 21:51: >>ソフトなどを使わず、HTMLで作っているのですが、
　作成ソフトでやっていることも、結局はＨＴＭＬによるマークアップを行っているわけです。

　モノさんが示された文法チェッカでエラーチェックをし、そして解説をしっかり読んで内容が分かるようになれば、おのずと原因はわかってくるはずです。

参考資料）
http://myu.daa.jp/osiete/

6 名前： mai ： 2006/01/03 21:51: すいません。仕事が忙しくてサイトを見られていませんでした。
いろいろとレスしていただいてありがとうございます。
仕事がお休みの日に一つ一つ見させていただきたいと思います。
ありがとうございます。

7 名前： Z ： 2006/01/03 21:51: 　ついでに、下記資料などが参考になると思います（同じサイトの中のコンテンツですが）。

http://members.jcom.home.ne.jp/pctips/Tondemo/
http://members.jcom.home.ne.jp/pctips/www/knowledge/
http://members.jcom.home.ne.jp/pctips/www/
http://members.jcom.home.ne.jp/pctips/www/faq/

8 名前： mai ： 2006/01/03 21:51: 検査チェックしてみましたが。。。
多すぎてとても出来そうにありませんでした。。
崩れていない他サイトさんを検索にかけてみましたが同じようにミスはけっこーあり、
直しても直らないんじゃないかと踏んだんですが・・。
とりあえず、なぜデザインが崩れるかが知りたいだけなんです。。
検索してみます。

9 名前： S ： 2006/01/03 21:51: >>とりあえず、なぜデザインが崩れるかが知りたいだけなんです。。
　いや、だからね、HTMLはデザインのためのものじゃないの。
>>7で示された資料は読んだ？
　HTML-Lintでは解説もつくんだけど、それも読んだ？
「とりあえずデザイン云々」なんていってたら、いつまでたっても上達しないよ？

　他には個人サイトなら↓の資料がいいかな。

http://deztec.jp/lecture/rn/

10 名前： カヅサツ ： 2006/01/03 21:51 ［URL］: > 崩れていない他サイトさんを検索にかけてみましたが同じようにミスはけっこーあり、
> 直しても直らないんじゃないかと踏んだんですが・・。

「わかっていて間違っている」のか「自分の知らない環境では実は崩れている」のかいろいろあるので一概には言い切れません。後者の方が多いような気がします。

> とりあえず、なぜデザインが崩れるかが知りたいだけなんです。

ケースバイケースとしか言いようがないです。

他の人もいっていますが、HTMLは「デザイン（見栄え）」をどうにかするための言語ではありません。PCブラウザでもtty端末でも音声デバイスでも点字リーダでも、「文章の意味や構造」を伝えるための言語です。

11 名前： Ryu ： 2006/01/03 21:51: 文法チェックをかけて、その結果問題点が多すぎるならば、それが原因でしょう。
問題点が多すぎるから修正出来ないと投げ出すのではなく、出来るところから修正していくことが大事だと思います。

12 名前： にゃろ ： 2006/01/03 21:51: デザインが崩れてるっていっても
あなたのHPを見ないことにはよくわからないので・・・
何がどうなっているのか詳しく教えてくださればもしかしたらわかるかもしれないです

かなり前に私もデザインがなぜかわからないけど崩れてるときがありましたよ
まだタグにはあまり詳しくありませんが・・・
＜ｐ　......＞＜/p＞だった気がするんですけど（...は忘れましたorz）
これを使ったらなんかおかしくなってｐのところをaにしてなおったことがあるんですよ・・・
また不思議な話ですけど
いまだに何でかはわからないんですが・・・

13 名前： 匿名希望 ： 2006/01/03 21:51: >>12
p要素とa要素では意味が大きく違うので代替不可能です。
初心者が間違った解釈でHTMLを習得したつもりになるといけないので曖昧なアドバイスは避けるべきです。

14 名前： BlueDragon ： 2006/01/03 21:51 ［URL］: スタイルシートだとかの絶対指定をすれば、デザインは固定され、崩れなくなる。
ただ、見る側にしてみればそれは嫌がられる行為ではある。

また、見ている人がFirefoxを使っているという点。
maiがどのブラウザで自分のサイトを見ているのか分からないが、IEだと仮定する。
そうすればレンダリングエンジンが違うFirefoxでデザインがずれるのは当たり前。
FirefoxとIEはおなじソースでも同じ結果を返さないから、
たとえばIEで正常に閲覧できるページがFirefoxでは崩れるってことだってある。
見てる人の環境によって表示のされ方は大きく変わるからどうしようもない。

あと、｢ソースが汚れているから｣といっているが、それは違う。
事実、某メーカーのソフトで｢嫌われている｣使い方をして作ったソースは、
HTML lintでは満点をはじき出す｢きれいなソース｣。
全部の環境で閲覧できるソースを書くことは並大抵のことじゃない。

>>10で書かれているように、何がいけないのかはそのソースを見ないと判断がつかない。
それなのにサイトのURLも出さないのはある意味最悪のパターン。
｢助けて｣って行ってるのにそこにバリア張ってる。