![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?8acaa2e)
![](http://oshiete.xgoo.jp/images/v2/common/profile/M/noimageicon_setting_15.png?8acaa2e)
Hp作成にあたり、解像度について調べていたのですが、良くわからないので教えて下さい。
640*480の解像度に合わせて作成する場合、作成時は、どのくらいにしたら良いのでしょうか?
昨日、作成していたページは、テーブルの入れ子を使っているのですが、テーブル全体で『width="566"』としました。
しかし、640*480の解像度で見ると、まだ少し切れています。
640*480の解像度で横スクロールが出ないようにするには、何ピクセルぐらいにすれば良いのでしょうか?
また、縦はどうなのでしょうか?
皆さん、アドバイス、よろしくお願い致します。
No.4ベストアンサー
- 回答日時:
こんばんは。
ちょっと繰り返しなんですけど、
<body>タグにleftmargin="0"とtopmargin="0"は入れてますか?
これがないと、上下左右に数ピクセルの隙間が出来ます。
また、テーブルにボーダーを付けてみてください。
スクロールした時にテーブルの外に余白がありませんか?
あったとしたら、何かが邪魔しています。
もし差し支えなければ(テキストやファイル名を変えて)ソースを補足してみてください。
それみて判断しますから。
righteggさん、何度もすみません。
もう一度、ご指摘されたとこなどを見なおしてみたら、収まりました。
どうもありがとうございました。
![](http://oshiete.xgoo.jp/images/v2/common/profile/M/noimageicon_setting_13.png?8acaa2e)
No.5
- 回答日時:
こんにちは!
テーブルの幅が566になっていれば、マージンとかセル間隔とかを大きく取っていない限り640以内に収まるはずです。
入れ子側のテーブルのサイズとかセルの合計サイズに計算であわない数字が入っているのではないでしょうか。
例えば入れ子側のテーブルのセルが三つあったとしてそれぞれのセルの合計が566になっていても、セル間隔(cellspacing)が『0』になっていなければ566を超えてしまいます。
とりあえず、
1.外のテーブルの幅の指定(566)を外す。
2.入れ子側のセル幅の指定無し。
3.入れ子側のテーブル幅を566に指定。
で確認してみてください。
>640*480の解像度で横スクロールが出ないようにするには、何ピクセルぐらいにすれば良いのでしょうか?
スクロールを出ないようにするにはテーブルの幅を指定しないことです。
そうすれば、ブラウザの大きさにあわせてテーブルが伸縮します。
そのことで、デザインがくずれるというのであれば、どちらかを犠牲にするしかないですね。
640に合わせて小さく作ると大きな解像度で見ている人には隙間だらけのページになりますし・・逆ですとスクロールが出ます。
縦のスクロールはトップページ以外は成り行きで良いともいます。
例えば日記のページですと一週間分とか、ときどきしか書かないのであれば一ヶ月ごととか、感覚で良いと思います。
こういうことは好みもありますので、いろいろなサイトを見て、kyonmimiさんが見やすかった・・というページを参考にしていくのが一番だと思います。
yayopixさん、こんにちは。
もう一度、ご指摘されたとこなどを見なおしてみたら、収まりました。
どうもありがとうございました。
No.3
- 回答日時:
こんばんは。
はい、見ました。
言ってることは同じですよ。
横スクロール無しに...という部分は、
「ウィンドウを拡大して」という意味です。
常にスクロールを無くすには、スクロールバーを禁止するしかないでしょう。
考えてみてください。
ウィンドウのサイズなんて個人の自由でしょう?
ユーザーが、640*480のモニターで、ウィンドウを最大表示する保証はどこにもありません。
他のウィンドウも開いてるし、デスクトップのファイルも操作しつつ、となると、60%くらいのサイズで開いていると思って構わないでしょう。
「それでも」スクロールバーを消したいなら、JavaScriptなどでフルスクリーン+ポップアップにするのが常套手段。
もう一度、ご自分で紹介したページをよく読んで見て下さい。誤解している部分が見えてくるはずです。
くどいようですが、640*480のモニターでスクロールバーを消したい、と言われれば、テーブル幅は600程度でも充分です。
No.1
- 回答日時:
こんばんは。
「スクロール」はモニターの解像度は直接関係ありません。
「ウィンドウ」のサイズです。
例えばフルスクリーンでウィンドウを開くように設定すれば(左右のウィンドウの幅も計算に入れて)、566pxで充分に表示できます。
それでもスクロールバーが出るなら、それは何か別の画像やスペースなどがあるという事。
または、ウィンドウの左部分に履歴やら何やら表示していれば、当然HTMLを表示するサイズは小さくなります。
そういうことです。
<body>タグにleftmargin="0"を入れると多少改善します。
この回答への補足
righteggさん、ありがとうございます。
もう一度確認してみます。
>「スクロール」はモニターの解像度は直接関係ありません。
>「ウィンドウ」のサイズです。
どんなパソコンでも、横スクロールなして見られるサイトにしたくて、調べていたところ、下記のサイトに説明があったのですが、どうなのでしょうか?
http://village.infoweb.ne.jp/~fwnk1502/data/tech …
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Access(アクセス) AccessVBAで降順にするテーブル作成クエリを使用して作成したテーブルを削除し同一のテーブル作成 1 2023/01/06 11:17
- その他(教育・科学・学問) 技術のテストの問題です。やり方を教えてください! 間1.7バイトは何ビットか。 間2.5ビットで表現 4 2023/02/27 00:09
- Visual Basic(VBA) ChatGPTに作らせたい Excel VBA 1 2023/04/05 19:56
- Photoshop(フォトショップ) ピクセルとモニターサイズについて 1 2022/11/02 17:18
- その他(AV機器・カメラ) 【大至急】写真加工に強い方、お願いします。 現在、自作のブックカバーをプリンパさんに依頼しています。 2 2023/06/07 21:30
- Illustrator(イラストレーター) ワードに貼った画像のキャンバスと画像本体のサイズの調整 2 2022/05/19 18:31
- 画像編集・動画編集・音楽編集 A1サイズで画像作成(300枚以上の写真を並べたいです) 1 2023/08/03 12:18
- デジタルカメラ 挿絵のデジタル画集の作り方をお教え下さい 2 2022/04/01 09:23
- Photoshop(フォトショップ) Photoshopの画像が重すぎるので軽くしたいです 7 2022/05/13 20:13
- Photoshop(フォトショップ) 【大至急】写真加工に強い方、お願いします。 現在、自作のブックカバーをプリンパさんに依頼しています。 6 2023/06/10 11:51
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
テーブルタグの中にdivを含めて...
-
テーブルの横に画像を
-
テーブルの位置を細かく指定し...
-
ドリームィーバーが重くて困っ...
-
ドリームウィーバーでテーブル...
-
ウィンドウのサイズを変えても...
-
テーブルの右に文字
-
画像と、セルのつなぎ目に白い...
-
テーブルの影の作り方とセル内...
-
セル内のテキストを中央揃えに...
-
テーブル内に画像を表示したい。
-
tableのheight指定が効かない
-
フレームのズレについて
-
縦に画像を並べるときのCSS
-
テーブルの入れ子に付いて(画...
-
Dreamweaverでテーブルの列幅を...
-
テーブルとテーブルの間隔について
-
tableタグとformタグの組み合わせ
-
テーブルの行を折りたたみたい...
-
html でのテキスト結合について
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
テーブルタグの中にdivを含めて...
-
テーブルの位置を細かく指定し...
-
テーブルの横に画像を
-
HTMLでテーブルを横に並べる方法
-
tableのheight指定が効かない
-
ウィンドウのサイズを変えても...
-
テーブル内に画像を表示したい。
-
2つのテーブルを左右に表示した...
-
CSSで文字を一番下の中央に表示...
-
複数のテーブルを無条件に中央...
-
箇条書きリストのすぐ横に画像...
-
画像の横にテーブルを。。。
-
【CSS】縦横スクロールテーブル...
-
プルダウンの表示位置
-
HTMLでページの幅を設定し...
-
DWで、デザインビューに表示さ...
-
ヘッダー固定のスクロールが可...
-
画像と、セルのつなぎ目に白い...
-
ドリームウィーバーでテーブル...
-
一部CSSを無効にする
おすすめ情報