- 締切済み
ホームページのWindowsに表示される画面サイズ
- みんなの回答 (3)
- 専門家の回答
みんなの回答
- aqucent
- ベストアンサー率39% (78/200)
#1です。 再度確認しますが、「画面全体にコンテンツが表示されず、横スクロールが表示される(右端が見えない)」という状況で合っているのですね? 以下、その前提で話を進めます。 > タグが見つかりません・・・ タグというより、CSSですね。 ブロックレベル要素にCSSの width, margin, paddingセレクタ を指定すれば良いと思います。 # #2 の方の仰るように、画像が主体のコンテンツ(画像がウインドウ幅を決定する主要な要素)なら、 # 画像の使い方を変えないとリキッドレイアウトは出来ません。 1. ブロック幅を "width: 30%" のような相対値で指定する 2. "width: 20px" のような絶対値で指定してから、後で残りのブロック要素を消費する 3. "margin: 10em; padding: 5em" のように、マージン,パディングを指定して中身の幅は余った部分とする 私は 3. を好んで用います。 注意しなければならないのは、画像は横幅を絶対値で指定する事です。 <div style='width: 30%'><img width='800' height='600' src='test.png'></div> 上のケースでは、画像の横幅がブロック幅を超えてしまう可能性があります。 大きな画像は使わないように注意して下さい。 (画像も背景画像として使うなら、ウインドウの大きさに依存せずに使えるんですけどね。[並べて表示] になりますから。) # リキッドレイアウトの場合は、px よりも em の方が好まれる(文字主体のコンテンツと相性が良い)傾向がありますが、 # em は相対値なので画像との相性が悪い事もあります。 # その辺は、ケースバイケースなので柔軟に対応して下さい。 # 要素を横に並べる float はあまり使わない方が良いです。 # 従って、同様の動作を示す align属性も控えめに。(alignは非推奨属性ですしね)
現在のソースやCSS、画像のサイズが解らないとなんとも言えませんが、画像を無視(画像の横幅は基本的には伸縮しないため)した場合、CSSや属性で要素の横幅を絶対値で指定したり、行の多い表を入れていたり、半角英数字をスペース無しで書き続けない限りウインドウの有効範囲で調整されて横スクロールバーが表示されにくくなっているはずです。 こんなことを考えると画像が原因で横スクロールが出ていると仮定すると対処は難しいと思います。 画像の横幅を300px位に納めて見るとか、画像のwidth、heightを止めてCSSで%を単位にして横幅だけを指定すると望むようなレイアウトになるかもしれません。 基本的にブラウザは横スクロールを出しにくくなっていますので出る場合は自分で出している場合が多いのでCSSを見なおすか画像のサイズを見直すなどすると改善されますよ。 例えば <html> <head> <title>**</title> <head> <body> <p> <img src="a.gif" width="50" height="50" alt="あ"> あああああああああああああああああああああああああああああああああああああああああ</p> </body> </html> このように書けばほとんど横スクロールがでることはないと思います。 これに横スクロールを出すにはimgのwidthを1000にすると出てきますしpにstyle="width:1000px"を入れても出てきますよ。 だから何もしないと横スクロールは出ないものです。
- aqucent
- ベストアンサー率39% (78/200)
「切れる」というのが今ひとつ分かりませんが、画面全体にコンテンツが表示されず、横スクロールが表示される(右端が見えない)という事でしょうか? そういう場合は、リキッドレイアウトにすれば良いかと思います。 Google検索: リキッドレイアウト http://www.google.co.jp/search?ie=euc-jp&lr=lang_ja&num=30&q=%a5%ea%a5%ad%a5%c3%a5%c9%a5%ec%a5%a4%a5%a2%a5%a6%a5%c8 リキッドレイアウトというのは、ブロック幅を「相対値で指定」or「絶対値で指定して、どこかで余りを消費する」という形にして ウインドウ幅に依存せずに、コンテンツを表示するテクニックです。
関連するQ&A
- ウィンドウサイズを変更しないと、HPが表示されない
こんにちは。自分で作成したホームページではないんですが、EXCELでホームページを作成し、ウィンドウのサイズを変更しないと、表示されません。 なにか、原因があるのでしょうか? それとも、HTMLタグでおかしいところがあるのでしょうか? 浅埜ゆかり
- 締切済み
- ホームページ作成ソフト
- ホームページ画面の大きさ
初めまして^^ 私は、htmlで今ホームページを作成しているんですが、行き詰っています。 IEでなんですが、画面を最大化していれば普通に表示されるんですが、お気に入りの画面を出したり画面を縮小したりすると、文字や表組みが画面のサイズに伴った表示になって、変なところで改行されてたり表組みがとんでもなく小さくなってしまったりと、めちゃくちゃな表示になってしまいます。 お気に入りを開いたり画面を縮小しても、きちんと表示されるホームページにする方法を教えてください。お願いします。
- ベストアンサー
- レンタルサーバ・ASP
- ホームページの表示サイズを大きくしたい。
はじめまして、よろしくお願い致します。 基本的な質問ですが、ホームページの表示画面が左よりに寄っていて右側が空いてしまっています。変更して、大きく表示させたいのですが、どのようにすればよいのかが解りません。HTMLでどこを変更すれば可能なのか本などで調べたのですが、よく解りません。仮に3ページのホームページであるとすればすべてのページを同じ表示サイズにするには如何すればいいのでしょうか。ぜひ、お教えください。
- ベストアンサー
- HTML
- ブラウザ画面について
初めまして。 ホームページビルダーを使って、ホームページを作成したのですが、 web上で見たときに、画面のお気に入りの枠を出している時は、サイズが合ってますが、お気に入りを表示させないようにすると、画面の右側に余白が出てきてしまいます。 ブラウザの画面に合う様に、真ん中に表示させるには何かHTMLタグを組み込む必要があるのでしょうか?それともビルダーにそう言った機能があるのでしょうか? 何分、初心者ですので、誰か教えていただけませんでしょうか? お願いします。
- ベストアンサー
- HTML
- ホームページ作成で、ウィンドウのリサイズ(サイズ指定)
ホームページを作成中です。 画像をクリックしたとき、拡大画像を別ウインドウで表示したい。 HTMLタグで次のように書けば、一応できます。 <a href="拡大画像のURL" target="_blank"> <img src="サムネイル画像のURL"></a> しかし、これでは拡大画像ウインドウのサイズが指定できないので、余白が沢山ある大きなウインドウが起動します。 拡大画像サイズ(600×400px程度)にピッタリ合ったウインドウサイズにするには、どうすればよいのでしょうか? なお、JAVAについては全くわからず、スクリプトをコピペすることしかできません。 ホームページは、YahooのGeocity(無料版)を利用しています。 よろしくお願いします。
- ベストアンサー
- HTML
- ホームページを標準サイズで見る時、文字が小さく表示されるのですが・・。
私は自作のホームページをアップしてるのですが、Windowsのパソコンでホームページを標準サイズで見る時、Macで標準サイズで見るよりも文字が小さく表示されてます。 ちなみに作成したパソコンはMacでホームページソフトはGoLive5.0です。 Windowsで見られてる方の話によれば非常に小さく表示されている為、見づらいそうです。 何が原因かは今のところ分かりませんが、 HTMLタグが間違ってると予想がつきます。 なんとかWindowsでも標準サイズできちんと見られるようにしたいので、すみませんがこれについて よろしくお願いします。
- 締切済み
- HTML
- ホームページを中央に表示するには?
初心者ですがホームページビルダーで作った自分のホームページを持ってます。 早速質問なのですが、ヤフーのトップページなどは左右に等間隔の余白があって、ページ全体がつねに画面の中央に表示されていますよね。 「お気に入り」のボタンを押して左側にお気に入り一覧を表示させてもページはつねに真ん中に表示されます。 文字のセンタリングではなくて、ページを中央に表示させる方法です。 私は左に寄せてページを作っているので、見ばえを良くするためにページを真ん中に表示させるのはどのようにしたら良いのでしょうか。 タグがあったら教えてほしいです。 お願いします。
- ベストアンサー
- HTML
- 画面サイズにあわせて自動で画像表示サイズがかわる
HTMLタグか、Javaかわかりませんが・・・。 閲覧者の画面サイズにあわせて、画像表示サイズが自動で変わる方法を教えてください。 実際に画像表示が自動で変わっているURLを見ると、最後の拡張子はhtmlではなく、gifでした。 ちなみに、携帯ではなくPC上での表示方法をお願いします。
- ベストアンサー
- HTML
- ホームページの画面表示サイズについて
当方の環境は少々古いのですが。 XP・SP3、使用ソフト:HomePageBuilder12 モニタもまだ、HP作成/編集様には最大解像度SXGA:1280x1024のをメインに使っておりまして、 ビルダー12の、ツール=オプション=ページサイズ の設定の欄では、 「940x1200 1280x1024 ディスプレイ 標準」なる項目に設定していまして、 Webページの壁紙に使っている画像も1280x1024の画像ですが、 そこで、 最近のPCの環境/表示能力は、フルHDの普及もごく普通になってきましたし、 又、当方はノートPC(モニタは最大設定1680x1050)Thinkpadも使っているのですが、 作ったWebページをそのThinkpadで確かめると、 壁紙に用いている画像が1280x1024ですから画面右側に境界線が出来て、 画面右端側に、画像の左端部分が現れてしまうのですが、 Q:作成ページの表示を、壁紙にしている画像などのピクセルサイズに依らずとも、 閲覧側の表示スペックに順応して自動的に、閲覧側サイズに適応して画面サイズに収まる様な、 ビルダー12で設定などは出来ないものなのでしょうか?(意味が伝わっていますかどうか…)。 ビルダー12ではその機能は備わっていないのでしょうか? ビルダー12のヘルプはちょいちょい見てはみたのですが…。 当方は、Web制作等のプロレベルの知識は無いです。
- ベストアンサー
- その他(インターネット接続・通信)
- ホームページの表示している画像などを含む1ページのファイルサイズを調べ
ホームページの表示している画像などを含む1ページのファイルサイズを調べるにはどうすればよいでしょうか。サイト全体のページを調べられるとなお良いです。 HTMLのファイルサイズだけ、サイト全体のファイルサイズ等ならフリーソフトがあったのですが、1ページを表示するのにかかるサイズが知りたくて、表示される画像などを含めたページ毎のファイルサイズを計測してくれるソフトを探しています。 よろしくお願いします。
- ベストアンサー
- フリーウェア・フリーソフト
お礼
ありがとうございます。 そうですね。画面サイズに左右されずに表示されるHTMLタグ・・・ これはリキッドレイアウトしかないんですかね・・・ 画面表示を可変に・・って言うのでしょうか。 タグが見つかりません・・・