Webページのウィンドウサイズを固定する方法
- Webページを開いてもウィンドウのサイズに応じて表示が変化することがあり、レイアウトが崩れてしまうことがあります。ここでは、ウィンドウサイズを固定する方法について解説します。
- ウィンドウサイズで可変なWebページの例として、Amazonを挙げることができます。AmazonのサイトはフルHDでも800×600でも整ったレイアウトで表示されます。しかし、このような技術は初心者には難しいものです。そこで、Yahooのように大きくしても固定されたサイズにする方法を紹介します。
- ウィンドウサイズを固定するためにはCSSを使用する必要があります。具体的には、body要素や特定の要素に対してwidthやheightを指定することでサイズを固定します。CSSでウィンドウサイズの固定に関するキーワードで検索すると、より具体的な情報が得られるでしょう。
- ベストアンサー
Webページ ウィンドウサイズに応じて変化させない
Webページを作成しています。 開いている側のサイズに応じて自動的に表示が変わってしまい レイアウトが崩れてしまうことが多いので一定のサイズに固定したいです あんまり詳しく伝わってないと思うので実際の例を挙げると ウィンドウサイズで可変 http://www.amazon.co.jp/ サイズ固定 http://www.yahoo.co.jp/ Amazonのサイトはウィンドウサイズに応じてレイアウトを可変させているので フルHDでも800×600でも整っていますが、ここまでの技術は自分にはないので yahooみたいに大きくしても固定されたサイズにしておきたいです 多分CSSあたりを使うんだと思いますがどのような単語で検索にヒットするのかわからないので 教えていただけると嬉しいです よろしくお願いします
- xso
- お礼率95% (279/291)
- その他（インターネット・Webサービス）
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
幅だけ固定したらいいんじゃないですかね？ webページ 幅固定 css 幅固定 では検索してないのはなんで？ それとも検索しても答えもヒントもみつからない？
関連するQ&A
- 2カラムレイアウトでサイズ可変なCSSレイアウ
例えば、右、左の２つのエリアにわかれた２カラムレイアウトで、真ん中の境界線を右左にずらすことで、ウィンドウサイズはそのままでエリアの領域が可変になるようなレイアウトをCSSなどで実現したいです。 「ウィンドウサイズ 可変」などで検索すると、１つのウィンドウサイズの可変、レスポンシブデザインやリキッドデザインなどの解説はたくさん出てくるのですが、意図することのページがでてきません。 以下のページが実際にやりたいことに似ているのですが、４つのエリアに分かれた領域を自由にサイズを大きくしたり、小さくしたり変更できます。 http://jsfiddle.net/hrfmmymt/f8zs5wsv/ コードを読んでいけば、どうやってやればいいのかわかるかもしれませんが、できれば簡単なサンプルで解説したサイトがあれば助かります。 よろしくお願いします。
- ベストアンサー
- CSS
- ウィンドウサイズについて
初歩的な質問ですみません。 Webページのレイアウトをする上で、まず最初にウィンドウのサイズを 考えると思うのですが、800×600や1024×768と言った規格サイズではなく 例えば、1024×600などのイレギュラーなサイズで制作した場合 なにかデメリットはあるのでしょうか？ よろしくお願い致します。
- ベストアンサー
- ホームページ作成ソフト
- Webページ表示サイズ
新規でWebページを表示する際（サブウィンドウの表示ではありません）ウィンドウのサイズを固定し、ツールバーを表示しないように指定したいのですが、html内で記述したらよいでしょうか？ それともJavaScriptの制御で行ったらいいのでしょうか？その際どのようなコードで実現可能でしょうか？アドバイスをお願い致します。
- 締切済み
- HTML
- CSSについての質問ですが、左右のサイズ
CSSについての質問ですが、面倒なのでいつも左右のサイズを固定しています、ところが最近ワイド画面のパソコンを見て左右が可変のCSSに変更したい気持ちが湧いて来ました。左右可変（伸びる）様にする場合の気をつけるポイントがあれば教えてください（型崩れが怖いので）
- ベストアンサー
- CSS
- ウェブページでの単語検索（ｃｔｒｌ＋F）が見にくい
ウェブページでｃｔｒｌ＋Fで単語検索をした時に、ヒットした単語が見にくいことが時々あります。 私が考えている原因は下記2点です。 １，ヒットした単語は選択されて色が反転した状態になるが、ウェブページの背景色や文字の色との兼ね合いで（同系色だったりして）、ヒットした単語がどこにあるか見つけづらい ２，文字が小さかったり、情報量が多かったりで、ヒットした単語がどこにあるか見つけづらい この問題を解消する方法はありませんか？ 例えば反転の色を変えることができたり、反転＋点滅なんかしれくれたら、かなり見つけやすいのになぁと思います。 OSはWindows７です。 宜しくお願いいたします。
- ベストアンサー
- Windows 7
- 左○○px、右は残りの幅（100%-左px）ってできますか？
CSSでレイアウトを組みたいと思ってます。 要は左と右に2つに割って左はpx単位で指定して、右は残りのサイズ、ウインドウのサイズ変更に伴って可変するようにレイアウトを組んでいきたいと考えています。 発想力が足りないのか、基礎的な知識が足りないのか・・・ どちらも足りないとは思いますが、おしえていただければ幸いです。 どうかよろしくお願いいたします。
- ベストアンサー
- HTML
- ウインドウ幅を狭めるとボックスが下に飛んでいきます
cssを使ってdivでテーブルのようなレイアウトにしています。 サイト全体の設定は、左から「メニュー」「メイン」「右サイドバー」といった感じで、メインの部分にdivでボックスを作ってます。 メニューは固定でメインとサイドバーは可変にしているのですが、ブラウザのウインドウ幅を左右に狭めると、floatで左右にくっつけたボックスがバラバラになったり、下へ飛んでいったりしてしまいます。 テキストの場合は可変してもいいのですが、ボックスやテーブルは動いてほしくありません。 常に前面に固定されて表示されるような方法はあるのでしょうか？
- ベストアンサー
- HTML
- 使用テクノロジーを教えて下さい。
webのデザインをしている初心者ですが、昨今の技術進歩のスピートにはついていけていません。 最近閲覧したwebサイトで気になるものがあったので、是非デザインの参考にしたいと思いました。 Www.isolationunit.info/ 簡単なcssや簡単なFlashならなんとなく仕組みを理解できるのですが、 こればっかりは何のテクノロジーが使用されているのかがまず分かりません。 FLASHなのでしょうか？ウインドウのサイズを変えると自動的にレイアウトが変わります。物件ごとのページも同じように変わります。 似たようなサイトで Www.creativedepart.com/ があるのですが、これは動きがカクカクしているのでなんとなくcssで回り込みとかしているのかなぁと思うんですけど違いますか？ 本題ですが、前者のwebサイトで使われている技術はFlashでよいのでしょうか？ Flashなのならばどういったスクリプトが使われているのでしょうか？ なにかヒントをくだされば己で調べますので、宜しくお願い致します。
- ベストアンサー
- Flash
- ウィンドウサイズ固定
いつもお世話になっております。 イントラネット上のコンテンツにおいて ＴＯＰ画面のサイズを固定したいと思っております。 子ウィンドウはオープン時に"resizable=no"で サイズ固定できますが 親ウィンドウではどうでしょうか？ 動作は以下のようになればよいのですが obj = window.open(selfUrl, name, "resize=no"); self.opener = self; self.close(); 諸事情により ブラウザのプロセスＩＤが変化してしまうと困るので 「親ウィンドウを開きなおす」技は使えません・・・。 CSSで max-width:1024px;min-width:1024px; と試してみてもサイズ固定にはならないしで 煮詰まってしまいました。 何か方法をご存知の方 いらっしゃいましたら宜しくお願い致します。
- ベストアンサー
- HTML
お礼
ありがとうございます！ 幅固定で調べたら必要な情報が見つかりました 自分でも幾つか調べたのですが、幅固定と言う単語が思いつきませんでした… 言われてみれば横幅を一定にするのだから幅固定となりますよね 回答ありがとうございました