- ベストアンサー
横長背景をページ読み込みの時真ん中から表示
goldfoxの回答
- goldfox
- ベストアンサー率49% (123/249)
>もちろんスクロールが発生しますが、真ん中表示させて、スクロールは右左ということです。 背景として配置ではなく、<img>でということですか? 背景でいいなら、スタイルシートのbackground-positionでどうとでもなりますけど、imgだとJavaScriptが必要になるんじゃないでしょうか。 ラベルリンクでできたかな? ちょっと確認しないと分かりませんけど。 background-position http://www.tagindex.com/stylesheet/page/background_image3.html
関連するQ&A
- CSSで背景画像を真ん中だけに表示
背景画像を画面最上部の真ん中600pxだけに表示したい場合、 外部CSSはどのように表記すれば良いのでしょうか? 現在 background: url("img/●●.gif") repeat-x top; background-position:0px 0px; と表示してますが、これだと最上部右から左まで画面いっぱいに表示されます。 これをテーブルを使わずに真ん中600pxだけに表示する方法はありませんか? ※テーブルがダメな理由は、margin:0px;で指定しても、画面最上部1pxだけ空いてしまうからです。 空かない方法があればそれでもかまいません。 アドバイスよろしくお願い致します。
- ベストアンサー
- HTML
- Webページの表示位置が真ん中になる
とても説明しづらいのですが、 Webページを全て読み込んだ後、普通は一番上が表示されますよね?(スクロールバーが一番上の状態) 自分のWebページを開いてみると、画像等全て読み込んだ後、ページ全体が表示された時にスクロールバーが真ん中に来てしまうのですが、どうしてでしょう? 何か原因になるタグを埋め込んでいたりするんでしょうか・・教えてください。
- 締切済み
- その他(インターネット接続・通信)
- ページがスクロールするのについてくる背景画像
わからなくて困っています。 どなたか分かる方教えてください。 トップページのトピックス部分をインラインフレームで表示させる作りにしました。 インラインフレームの表示部分は310*200です。 表示させる部分なので、トピックスの背景も310*200で作ってcssで固定させました。 表面的にはOKなのですが、ページをスクロールすると背景画像が見えなくなってしまいます。 background-repeat: no-repeat; にしてあるのですが、repeatにできない画像なので、困っています。 ページをスクロールするとついてくる背景画像にしたいのですが、どうすればできますか? cssかjavaでできるでしょうか? 教えてください。 よろしくお願いします。
- ベストアンサー
- JavaScript
- 作っているページ内に背景を表示させるには
勉強不足で申し訳ありませんが、ホームページを独学で作成しています。 横幅950ピクセルのサイトを、中央表示させるように考えています。 その950ピクセルの左上の部分に、(繰り返しの無い)背景画像を表示させたいのですが、 CSSファイルにbackgroundで指定してやると、どうやら表示する画面のサイズに左右されるらしく、 範囲外に背景画像が出たり、自分が考えているのとは違う位置に表示されてしまいます。 ページ内のひとつの要素として、背景画像のように扱えるイメージを挿入するには、どうすれば良いでしょうか。
- ベストアンサー
- CSS
- ページの背景について。
ページの背景を黒背景にしてそこの真ん中に横長に 別の背景(市松模様)をつけたいのですが、 普通に固定すると幅が狭くなってしまうんです。 もう少し太くしたいのですが、どうすればよいのでしょうか?教えてください。
- ベストアンサー
- CSS
- 背景画像を任意の位置に置きたい
こんにちは、Santaと申します。 いつもお世話になっております。 Firefox 8.0 Chrome 16.0 背景画像を任意の位置に置きたいです。 画像のとおりです。 背景画像の大きさは width:950px; height:800px; です。 左右にオレンジ色の矩形を置いております。オレンジの矩形の間の白いところは、白の矩形です。 左右では、center真ん中に来るように、上からは200px;の位置に置きたいと思っております。 自分の書いたCSSでは、絵柄が少し表示されるだけで、全体の画像も表示することができませんでした。 css --------------------------------- body { background-image:url(../images/background_line_wall.gif); background-position:50% 50%; background-repeat:no-repeat; } ----------------------------------- どのように書きましたら、上から200pxの位置へ、左、右からは中央へセンタリングできますでしょうか? よろしくお願いいたします 失礼致します。
- ベストアンサー
- CSS
- 背景のことで
ジャバスクリプトで、背景をランダムに表示させる というものがありますが この背景の位置を指定してランダムに表示させる方法は無いでしょうか? 例えば、背景画像を真ん中に固定してその背景画像をランダムに表示させるようにしたいのですが・・・。 (普通に画像で表示させるのではなく、背景で) どなたか位置を指定して出来る方法を知っている方が居ましたら教えて下さい。
- ベストアンサー
- JavaScript
- 縦長の画像をスクロール、背景固定
Wordpress Stinger5を使っています。 トップページの高さが3000px 画像の高さが1500pxです。 この画像を背景にし、ページの上部に表示し、 下にスクロールして、背景画像が途ぎれるときに 背景が画像が固定する方法が知りたいです。
- 締切済み
- CSS
- iflameでの途中表示・・
ページの中にiflameで他サイトを表示しています。 iflame部分にはスクロールをつけているのですが、 ページ自体が表示された際に、スクロールの位置を一番上ではなくて、途中(真ん中あたり)に設定する事ってできるのでしょうか? イメージ的にはリンク部分に<a name="○○"></a>をつけた時にリンク先のページのスクロールが中段位置などから表示されたりしますよね? そんな感じにしたいのです。 ちなみにiflameの内容はyahooオークションページなので、<a name="○○">等を打つ事はできないのです。。 iflameを表示させる段階で、途中位置からのスクロールに設定する方法があれば教えていただけませんでしょうか?
- ベストアンサー
- HTML