サイト最小化と最大化の対応方法
- サイト最小化と最大化に対応するために、HTML、CSS、Javascript、PHPを使用してサイトを設計する必要があります。
- HTMLだけで設定する場合、ユーザーが設定した画像のサイズによって横にスクロールする可能性があります。
- 理想的には、画像が途切れず横に続くようなデザインを実現するために、画像サイズを操作する以外にも他の手段を検討する必要があります。
- ベストアンサー
サイトの最小化と最大化に対応したいのですが
技術的には完全なる素人ですが、現在マックでサイトを作ろうとしています。 今まで、普通にHTMLを進めてきたのですが、次のサイトの上部（オレンジ画像）のように画像が設定できません。 http://www.dannychoo.com/top/ja/ サイト全体を最小化させても最大化させても、オレンジ（ヘッダー部分の画像？）の箇所が途切れず横に続いている形が理想です。 しかし、今の段階ではHTMLで画像サイズを操作するしか手段がわかりません。 このような手段をとった場合、サイトにアップロードしたら見ているユーザーさんが設定した画像のサイズだけ横にスクロールできてしまう形になります。 どうにか、開いたページをすっきりと見せたいという気持ちがあります。 HTML、CSS、Javascript、PHPは勉強していきたい思うので、これらを使ってどうにかサイトを縮小しても上のオレンジ部分が途切れる事無く横に表示させれる形にできないでしょうか。 できれば、HTMLだけで設定したいのですが、可能なのでしょうか。
- kotaehoshii
- お礼率66% (2/3)
- HTML
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
CSSの指定だね。 画像を横方向にrepeat http://www.tohoho-web.com/css/reference.htm#background-repeat 古いブラウザは対応が無かったりだけど、windowsのIE6とかもう遺物だし今はあまり気にする必要無いかも。
関連するQ&A
- 画面サイズ変更時のレイアウトの崩れ
サイトをHTML+CSSで作成しているんですが ブラウザのサイズが最大化のときは平気なのですがサイズを変更する（縮める）とライン画像がはみ出したりリストが縮める側に寄ってしまったりとレイアウトが崩れてしまいます。 これを直す方法はあるでしょうか？ 背景は1024×50の画像をy軸でリピートさせています。 レイアウトのほうは見出し画像の右にリストを横に表示させ、その下にナビゲーションを配置しています。 最大化時、縮小化時ともに縦、横のスクロールがなぜか表示されません。
- ベストアンサー
- HTML
- IEの「プリンタの設定」について
お世話になります。 IE(Internet Explorer)の「ファイル」-「プリンタの設定」を選択すると、用紙のサイズやヘッダー、フッダーの設定など各種設定ができますが、これをJavaScriptなどで設定することは可能でしょうか？ 例えば、縦にスクロールするページの時は、用紙の向きが縦に、横にスクロールするページの時は、用紙の向きが横になるようにしたいと思っています。 HTML、CSS、JavaScript、ASP.NETでそのような指定ができるタグや関数がありましたら、ぜひご教授ください。 よろしくお願いします。
- ベストアンサー
- その他（プログラミング・開発）
- 画像の一部分をスクロールして表示する方法
画像の一部分をスクロールして表示する方法 初めて質問させていただきます。 一枚の画像の一部分を表示させ、画像をスクロールさせる→次の画像へ移る という見せ方をしたいと思っています。 参考サイト：http://www.kmad.jp/index.html ここのトップページのような形が出来たらと思っています。 HTMLとCSSには少し慣れてきたのですが、JavaScriptは初心者で全く分からない状態です。 もしJavaScript以外の方法でいいやり方があれば、そちらも教えていただけるとありがたいです。 すみませんが、詳しい方、宜しくお願いします。
- ベストアンサー
- JavaScript
- ブラウザをサイズ変更してもコンテンツが乱れない方法
Webサイトを初めて作っており、現在はヘッダーの部分を作成しております。 「h1」を使い、見出しの文章に背景色も入れたのですが、ブラウザを縮小すると改行してしまいます。 多くのWebサイトでは、カーソルでブラウザの端をクリックしてサイズを変更しても、文章は改行しませんし、全コンテンツは中心によってくれます。 ブラウザを縮小しても文章を改行しない方法と、ブラウザのサイズを変更しても常にコンテンツを中心によせるにはどうしたら良いのでしょうか？ HTMLとCSSを使った方法で教えて下さい！！ ※ちなみに、現段階では、背景のある見出しと、その下に画像（Webサイトの名前）を置いております。
- ベストアンサー
- CSS
- ドリームウィーバーで画像を縮小
すいません。ドリームウィーバーＣＳを使っているのですが、 ＣＳＳを使った部分でちょっと分からないことがあります。 divで囲って、幅250ピクセルに指定したとします。 そこへ幅500ピクセル、縦1000ピクセルを入れて、自動的に画像を縮小させたりする事は できるのでしょうか？ 事前に何かのソフトで画像を縮小してから放り込めば解決なのですが、大量の画像があるため 画像を加工に非常に時間がかかります。 いろいろＣＳＳのボックスなどの設定を試してはいるのですが、上手くいきません。 私が行いたいのは、上記のサイズのdivで、画像を入れると横幅は50％になりますよね？ その後自動的に縦幅も50％となり、画像が歪むことなく、縮小した画像が表示できたら良いと 考えています。 実際は画像の半分だけ表示されスクロールバーが付いたりします。（このあたりはオーバーフロー設定で変わりますが・・） もし上記が可能ならやり方を教えてもらえると助かります。
- 締切済み
- CSS
- 複数の画像を横にスクロールさせる方法について
複数の画像を横にスクロールさせる方法について こちらのサイト（www.japanican.com/index.aspx）の下のほうのFeaturesにあるような複数の画像を横にスクロールさせるのはどのようにすればいいのでしょうか。できれば、CSSとhtmlのタグを教えていただければうれしく思います。 また、横についているボタンだけにするとか、下のスクロール部分だけにするとかも教えて下さい。 よろしくお願いいたします。
- ベストアンサー
- ホームページ作成ソフト
- サイトの表示がIE6とIE7で違っていて困っています。
自分で作成したHTMLサイトの表示がIE7とIE6で表示が違っていて困っています。ＣＳＳの問題だと思うのですが、IE6で確認すると、ヘッダ部分とフッタ部分がどうしてもずれて表示されてしまいます。 どなたかお知恵を貸して下さい。 よろしくお願いします。
- 締切済み
- HTML
- エキサイトブログの背景を変更したい
現在「お花見」というエキサイトのスキンを利用し、写真だけを自分の好きなものに変更して利用しています（スクロールする部分の列のヘッダ部分のみ写真が掲載されています）。 このスクロールしない左右の部分にも、写真の延長で拡大して表示させたいのですが、そのヘッダー部分をいじる方法がわかりません。 高さは現在使用の「お花見」のサイズで構いませんので、スクロールした時に、そのまま写真もスクロールしてしまって構いません。 例えばですが、「千代紙」というスキンをエキサイトが提供していますが、両サイドにまで絵が左右に大きく表示されています。「お花見」のヘッダー部分を高さは変えずに「千代紙」のようにしたいのですが、やり方をご存知の方がいらっしゃいましたら教えて下さい。 できれば一枚の大きな背景画を配置するよりは、上部だけに画像を配置したほうが容量も少なく済むと思うのですが、ヘッダーとして設置する方法でも、背景として一部上部にのみ表示するといった方法でもどちらでも構いません。 写真は全体がスクロールしてしまったほうがいいです。 よろしくお願いいたします。
- 締切済み
- ブログ
- html?/css?/Javascript? でのフッター特殊な固定方
html?/css?/Javascript? でのフッター特殊な固定方法について。 こんばんは。 現在ホームページを作成中です。 そこでフッターをブラウザの下部に固定しようと思い google等で検索し見つける事が出来ました。 ソースは色々ありますが例として下記のURLで説明したく思います。 http://www.css-lecture.com/template/2009/0212/ 私の希望・やりたい事としては上記のサイトに追加内容で (1).ヘッダーをブラウザ上部に固定。 (2).ブラウザの上下を縮めた時、フッターとヘッダが重ならないよう、最小高さを指定。 (3).(2)を実装時、フッタとヘッダがある程度寄るとスクロールバーが出てくると思いますが スクロールした時にスクロールするのは内容のみ。 (フッタがブラウザ下部に隠れたとしてもスクロール時に移動してはいけない) です。 ここ最近試行錯誤しcssを書いていますが (3)を実装時に不具合が多く困っています。 ヘッダをブラウザ上部に、フッタをブラウザ下部に固定して スクロールした時、内容と同時にフッタまで上にスクロールされたり フッタを完全に固定してしまうと、ヘッダとフッタの最小間隔が指定できなかったり。 【簡易説明】 ヘッダは上部固定、フッタは下部に固定して ヘッダとフッタはブラウザの上下を縮めても重ならない様、最小値を指定し スクロールでスクロールするのは内容・記事のみ。 こんな事が可能なのかどうなのかも私の乏しい知識では判りませんので どなたか詳しい方いらっしゃいましたらご教授お願い致します。 内容・記事としてのスクロールバーと ヘッダ、フッタの最小値以上縮めた時のスクロールバーが入り組んでいる形になるので 不可能なんでしょうか・・・・。 また、もし参考サイト等がありましたら URLの誘導のみでも結構です。 何卒、宜しくお願い致します。（涙 また、乱文で大変失礼致しました。
- ベストアンサー
- HTML
- ヘッダー背景に画像を入れたい
１．CSSというのは例えるならば、土地に区画を付けるものの事でしょうか？またそれに加え、先にカラーや文字などの設定を何らかの形で設定しておけば、HTMLでそのcssを記入すれば表示されるのでしょうか？ ２．CSS単独でホームページ上に表現させる事は不可能なのでしょうか？または、一般的ではないですか？ ３．HTMLと云うのは例えるならば、区画された土地に家を建てるようなことでしょうか？ ４．本題に入りまして、ホームページの上の部分、ヘッダーと云う場所ですか？に800×300の画像を背景として入れたいのですが、挿入すると今までその場所にあったボタン類が全てその画像の下に置かれてしまいます。理想は今回挿入する画像の上にそれらボタンを置きたいのです。 恐らくそれらは、一つ一つの塊として認識されている為に、重ねる事が出来ないのだと思うのです。 CSSで設定すれば私の要求は解決できますか？ 分かりづらいですが、大体のポイントでもいいのでお教えください。
- 締切済み
- その他（インターネット・Webサービス）
お礼
ありがとうございます！ bodyに画像を指定して、repeat-xで行うことができました。 応急処置としてHTMLに直接行いました。 今後はCSSも勉強してしっかりとマスターして行こうと思います。