• 締切済み

HPのレイアウトが崩れてしまいます。

ホームページの事なんですけど、ソフトを使ってるわけじゃないし、 以前、此処で教えて貰ったので今回も此処で。 どうにか公開に漕ぎつけて、一応自分なりに満足はしていました。 ところが、他の人のPCで自分のページを見る機会があったのですが、 私のと違って大きい横長な画面だもので、レイアウトが崩れてしまっていました。 PCの環境はともかく、構成だけはひどく崩れないような、 レイアウトの方法って有るでしょうか。 私のはフレームを使って、35%:65%ぐらいの比率で縦に割っています。 自分が他の人のHPを見て、レイアウトが変な感じがしたことが無いので、 やっぱり気をつけられてる事があるんでしょうか、教えて頂けたら、嬉しいです。

みんなの回答

回答No.2

専門分野なので回答させていただきます。 rebmevon さんのおっしゃるとおり、%指定には難がありますのでpxで指定するのが無難だと思います。 さて、レイアウトが崩れているとはどういった状況だったのでしょうか?? どのように崩れているかがわからないと何とも言えません。 webを一度見せていただけますか??

motomi88
質問者

補足

お返事ありがとうございます。 自分のHPのアドレスを此処に書くのは、いけないんですよね? かまわなければ貼り付けて、是非見て貰って教えて頂きたいので、 申し訳ありませんが、その事を先に知らせて頂けますか? それとも、ソースを張ればいいですか?

  • rebmevon
  • ベストアンサー率21% (37/172)
回答No.1

ホームページを作成する際、ブラウザのウインドウサイズを幾通りか変更して確認してみる必要があります。 フレームの%指定は楽なのですが、閲覧者のブラウザのウィンドウサイズに依存してしまうので、難しいところです。 レイアウトを固定したい場合、%ではなくピクセル数で指定しましょう。その際、スクロールバーもあると便利です。 あと他の種類のブラウザで確認することも大切です。 閲覧者全員が同じブラウザを使用しているとは限りませんが、これは確認必須ではないです。

motomi88
質問者

補足

答えてくださって有難うございます。 画像だけでなくても、フレーム全部をピクセルで指定出来るんでしょうか。 その場合、元にする数字が判りません、cmに直すとどんな数字になるんでしょう。 後、<スクロールバーもあると便利です>も理解出来ていません、どういう意味でしょうか。 こんなレベルで、HP制作に取り掛かるのは無謀だったと反省していますが、 せっかく公開したので、何とかモノにしたいと思います、よろしくお願いします。

関連するQ&A

  • 教えてつかぁさい。HPのレイアウトについて。

    どうすればいいのですか?html ・CSSのレイアウトについて教えてください 素人なのでうまく説明できないかもしれないですが、よろしくお願いします。 メモ帳を使い、会社のホームページを作成しました。 FC2の無料サーバーにアップロードし、IE8でホームページを開くと正常に表示されました。 CSS検証サービスなどもクリアーし、他のブラウザ(Opera,Firefox,Safari)でも問題なく同じレイアウトで表示されます。 ところが、私の使用しているパソコンとまったく同じ機種(ブラウザIE8、同じモニターサイズ、表示の設定なども一緒)のもう一台のパソコンでホームページを開くと、レイアウトが崩れてしまうのです。 わけがわからないので、とりあえずCSSにclear:bothなどのソースを追加し、そのファイル(メモ帳)を〔プログラムから開く〕でIE8で開くとレイアウトが崩れているのですが、そのファイルをサーバーにアップロードしてIE8(他のブラウザでも)でホームページを開くと正常に両方のパソコンで表示されるのです。違う機種のパソコンでも正常に表示されました。 そこで質問です。 そもそも、こういう事ってあるんですか?あるのなら回避方法を教えてください。それとも、このまま仕方なくサーバーにアップロードし、ホームページ上では正常に表示されるが、メモ帳から開くとレイアウトが崩れている、このファイルをこのまま使うのが良いのか、それとも何かほかに良い方法があるのでしょうか? 分かりにくい長文になり申し訳ないのですが、どなたかお知恵をお貸しください。よろしくお願いします。社長に叱られます。

    • ベストアンサー
    • HTML
  • レイアウトが崩れます。

    ビルダー9でホームページを作っています。IEの文字表示サイズを変えて自分のホームページを見るとレイアウトがずれてしまっています。他の人が見ると同じような現象になると思うのですが、どのように解決すればよいのでしょう。

  • 「HPビルダー」でのレイアウトについて

    「ホームページビルダーVer.6」を 使って、初めてHPを作っています。 まだサーバーにはアップしていないのですが、 ちょっと困ったことに気付きました。 自宅のPCで作り、「レイアウトもバッチリ!」と思っていたのですが、 試しに会社のPCの「IE」で見てみると、 会社のPCの方が画面のサイズが大きくて、 自宅のと見栄えが全然違うんです(要するに小さくまとまり 過ぎてしまうんです)。 「ビルダー」の「どこでも配置モード」を 使っていて、「ページサイズ」も指定出来るのですが、 PCによってこんなにレイアウトが変わってしまうのであれば、 一体どれに合わせればよいのでしょうか? (ちなみに私は「750×900」のページサイズで 作っていたのですが、これが「標準」なんでしょうか)。 例えば、ある画像を「ページの一番右に寄せたい」 と思っていても、見るPCによって変わってきて しまうんでしょうか。 「センタリング」や「右寄せ」のボタンも使えません。 それにフォントのサイズも、見る人が「大」「中」「小」の どれを選んでいるかによって、見栄えが変わってしまいますよね。 「どのPCで見ても同じレイアウトのHP」というのは 難しいんでしょうか? どなたか、お教え願います。

  • ホームページ作成時のレイアウトの名前一覧

    ホームページ作成時のレイアウトの名前一覧を探しています。 ブログなどに良く使われる「2カラム」とか「3カラム」等のレイアウト名称とでも言うのでしょうか、それを探してます。 縦3段のフレーム割の場合こういう風に呼ぶとか、(あまり無いと思うけど)段組をまったくしない平打ちはなんと言うとか、そういうのが知りたいです。 レイアウトの絵と名称・説明が一覧で載っているようなサイトは無いでしょうか?

    • ベストアンサー
    • CSS
  • レイアウトの確認をしたい

    ホームページを持っているのですが、他のパソコンから見てレイアウトが崩れてしまったりすることがありますよね? 他から見て崩れているかどうか、自分のパソコンで調べることはできないでしょうか?? よろしくお願いします。

    • ベストアンサー
    • HTML
  • HPビルダーの「どこでも配置モード」について

    ホームページビルダー17(試用版)の「どこでも配置モード」の「プラウザ共通のレイアウトに変換」機能について ホームページビルダー17(試用版)の「どこでも配置モード」で表組みのホームページを作っていますが、 「プラウザ共通のレイアウトに変換」するとページ構成要素の表グループと表グループとの間に広い空白が生じてしまいます。(主に縦方向) どうすればページ構成要素がバラバラになるのを防げますか。

  • 今、Yahoo!オークションを見たのですが、レイアウトが崩れています。

    今、Yahoo!オークションを見たのですが、レイアウトが崩れています。 他のホームページは正常に見ることができるのでYahoo!のメンテナンスか何かが原因ですか? レイアウトが崩れているだけではなく、画像が表示されていなかったり、ページ自体が表示されなかったりです。 自分のPC内のトラブルですか? よろしくお願いします。

  • ホームページのレイアウトを真似たら著作権侵害になりますか?

    レイアウトの構成をそっくり真似てホームページを作成した場合、著作権侵害になりますか? もちろん、文章や画像は自分のオリジナルのものを使用しますが。

    • 締切済み
    • CSS
  • hpを作るときの画面の大きさって?

    先日ようやく苦労して、職場のHPを作りました。 ホームページビルダーを中心に、レイアウトなどもこって作ったのですが、 他の人に見てもらうのに、コンピュータ室のパソコンが800×600の解像度だったので、 大変見づらくなってしまいました。 小さなフレームにも、スクロールバーが必要だったり、レイアウトが完全にずれて、 写真が重なっていたりするのです。(この辺はビルダーで作ったときの問題かもしれませんが・・・) はじめから、800×600でつくると、1024で見たときすかすかな気がして気になりますし、 今更全部を作り変える気力もありません。 ふつうHPを作るとき、みなさんは画面の大きさをいくつを考えて作っているのでしょうか。 また、どんな解像度のパソコンでもそこそこ見られるようにするには、どうしたらよいでしょうか。 教えてください。

  • ホームページのフレームについて

    11月から自分のホームページを公開しました。 先日がんばってフレーム付のものにしたのですが、 他の人のホームページにリンクしているのに、 自分の左のフレームが残ってしまい、 まるで自分のホームページのように見えてしまいます。 どうしたらよいのでしょうか。教えてください。 ホームページはほとんど参考書なしで、 Wordで作りました。初心者です。 よろしくお願いします。

    • 締切済み
    • CSS

専門家に質問してみよう