• ベストアンサー

画面にぴったりと収まるレイアウト

はじめまして。DW8を使い始めて間もないものです。 みなさんに質問があるのですが...。 レイアウトなのですが、自分で作成したWEBサイトが画面にぴったりと収まらなくて困っています。 たとえばヤフーは開くパソコンの画面や解像度によって画面いっぱいに収まるのに、なぜ私のWEBサイトはぴったり収まらないの??どうすれば??必要なものは?? ヒントだけでも参考になるので、どんな情報でも良いです。 どうか宜しくお願いいたします。

質問者が選んだベストアンサー

  • ベストアンサー
  • Pochi67
  • ベストアンサー率34% (582/1707)
回答No.1

 収まらないというのは「幅が大き過ぎてウィンドウに収まらない」(下にスクロールバーが出てしまう)ということでしょうか?  幅を1,000ピクセル以下のページを作るか、テキストが入る部分などの幅をピクセルではなくパーセントで設定してみては?  割合(パーセント)で幅を設定すると、ウィンドウのサイズに対しての割合で表示されるようになりますよ。

alaska217
質問者

お礼

そうなんです。スクロールバーが出てしまうんです。 パーセントなら大丈夫そうですね。ありがとうございます!!

関連するQ&A

  • ホームページビルダーでの画面レイアウトに関して

    ホームページビルダーでホームページを作成しましたが、閲覧するパソコンによってレイアウトが変ってしまいます。 例)Aのパソコンでは文字や画像が画面内にきっちり収まっているのに、Bのパソコンでは画面外に文字や画像が出てしまう。 ホームページビルダー内のヘルプでは、「小さな画面を想定したレイアウトを…」の様な回答でした。 現在のところ、大きめな画面を使っておりますので、画面の解像度を下げて編集するといった対処をしております。 何か対処法をご存知のお方がいらっしゃいましたら、ご教授戴きたいと思います。

  • web 画面レイアウト

    web 画面レイアウト http://www.monkey-works.com/ こちらのwebサイトのように、画面サイズに合わせたwebサイトの作り方(width)の指定の仕方を教えて下さい。 最近このような作りのサイトをよく見かけますので、気になってまして。 何卒、お願いします。

  • dremweavrで、レイヤーを使ってレイアウトしたのですが

    ご覧になってくださり有難うございます。 現在XPにてDWを使ってサイトを作成しています、レイヤーを使ってレイアウトしてみたのですが ブラウザチェックをするとグッチャグッチャなことになっていました。いったいどういうことなのでしょう???

  • AutoCadモデル画面とレイアウト画面

    AutoCad初心者です。 先日参考で見た図面でモデル画面に図面枠及び離れて機械の配置図が書いてありますが下記が分かりません。 (1)レイアウト画面では図面枠の中に機械の配置図が置かれています。 これはビューポートを使用しているのでしょうか? (2)レイアウト画面で図面枠に「図面名称」や「作成日時」が書いてありますがモデル画面のどこにも見当たりません。 どうやって書いたのでしょうか? (3)モデル画面の図面枠を削除してもレイアウト画面の図面枠は残っています。 逆にレイアウト画面の図面枠を削除しても同様にモデル画面の図面枠は残っています。 モデル画面とレイアウト画面は同じ物を表示すると思っていたのですが違うのでしょうか? 初心者なのでうまく表現できませんがよろしくお願いします。

  • ホームページビルダー作成にて画面サイズでつまづいています

    ホームページビルダー13でホームページを作成しているのですが、ビルダー上では画面サイズを940×1200で作成していているまして、横に長い画像を使用できる画面いっぱいまで伸ばしているのですが、webブラウザーで確認すると右にかなりの余白ができてしまう状態になります。私の理想としては見る側がどんなサイズの画面でもきちんと中央を基本にしたいと思っています。 文章だと伝えづらいので、目標イメージのサイトを書きに載せました。 そのサイトを参考にいうと、トップページの家が写ってる画像が私の場合左に寄っていて、右側に四分の一程空白ができてしまうのです。 作成ページ右いっぱいに画像を広げても空いてしまいます。 どういう処理をしたら下記サイトのようにキレイにレイアウトできるのでしょうか?どなたかわかるかたいらっしゃいましたら教えてもらえると助かります。よろしくお願いします。

  • C# のフォームデザイン&レイアウトについて

    C# のフォームデザイン&レイアウトについて Windowsフォームのデザインやレイアウトについて質問です。 テキストボックスやラベルを解像度の違いによって違う見え方になる為、スケールにて見え方を合わせています。 しかし、添付画像の様にレイアウトが崩れてしまいます。 解像度の違うディスプレイで、レイアウトが同様に見える様にするにはどのようにすれば良いでしょうか? 添付画像左側の様にテキストボックスやラベルを引っ付けて並べたいです。 もう長い間悩んでいます。 どなたか、きっかけやアドバイス等、ご教授よろしくお願いいたします。 また、ソースコードや参考サイトのリンク等もあれば、よろしくお願いいたします。

  • 画面解像度とレイアウト

    WEBサイトを作っています。 画面解像度のことをお聞きしたいのですが、 現在一番ユーザ数の多い解像度はどれなのでしょうか。 自分は1600×1200でいつも閲覧しているので 1024×768で作ると周りがすかすかな感じがします。 以前はもっとも多いとされる1024×768でみれるよう、 幅800pxくらいで作るようにしてきましたが、 現在2009年ではもう少し解像度をあげている人が多い気がします。 ノートパソだとどうしても1024×768になると思うのですが どうなのでしょうか。

  • ネットショップのレイアウトについて

    Web勉強中のものです。 楽天やyahooショッピングのネットショップを見ていて気になったのですが、tableレイアウトのサイトばかりで、CSSレイアウトのサイトを見かけません。何か理由などあるのでしょうか?

  • アップロードするとレイアウトが崩れてしまう

    お世話になります。 DW CS3でHPを作成しているのですが、 プレビューやグーグルクロームで確認するとうまくレイアウトされているのに なぜかアップロードするとレイアウトがひどく崩れてしまいます。 BOMをはずすと解決したという方もいらっしゃいましたが UTF-8のBOMを含めない設定になっています。 プレビューやグーグルクロームで二重に確認しながらコーディングしているつもりなのに いざアップすると全く違うレイアウトになっているようでは確認しようがない気がして 困っています。 margineやpadding、widthの設定等が間違っているのではというご指摘もあるかと思いますが 「プレビューやグーグルクロームでは思い通りのレイアウトになっているのに・・・」というのが いちばん疑問に感じている点です。 どなたか詳しい方ご教授ください。 また、「こういったケースの場合はこの辺を見直してみて」といった ヒントを下さるととても助かります。 長文申し訳ありません。 お分かりだとは思いますが、当方初心者です。 なにとぞよろしくお願いいたします。

    • ベストアンサー
    • CSS
  • レイアウト確認方法

    はじめまして Web作成初心者なのですが 作ったサイトのバージョンごとによるレイアウトの確認方法を教えていただきたいのですが おもにドリームウイェーバーでつくりIEver8とFirefoxで確認しているのですがIEの7や6で確認が自宅ではできません。 ほかのパソコンからしか見ることが出来ないのでしょうか? ひとつのパソコンで確認できる方法がありましたら教えてください。 またバージョンごとでレイアウトが崩れるとのことですが ここは気をつけたほうがいいというようなワンポイント的なことがあったら更に教えていただけると幸いです。

    • ベストアンサー
    • HTML

専門家に質問してみよう