• ベストアンサー

フレーム間をまたいだ背景画像のページをつくるには

フレーム分割されているページに1つの画像を背景として設定したいのですが、フレームを意識させないであたかも1枚の画像(写真など)がページの背景に使われているようにする方法はないでしょうか?

  • HTML
  • 回答数1
  • ありがとう数1

質問者が選んだベストアンサー

  • ベストアンサー
  • mameusa
  • ベストアンサー率50% (87/174)
回答No.1

できますよ。 例えば、 <frameset cols="200,*" frameborder="0" border="0"> だったとします。 フレームボーターは0にして境目をなくします。 左下固定の場合。 幅200の方の背景はスタイルシートで <style type="text/css"><!-- body { background: #ffffff url('****.jpg') no-repeat fixed 0% 100%;} --></style> 普通に左下に固定。 右側のフレームは <style type="text/css"><!-- body { background: #ffffff url('****.jpg') no-repeat fixed -200px 100%;} --></style> と横方向の位置をフレームサイズ分マイナスすると綺麗につながります。

nihonkai2002
質問者

お礼

ご回答、どうもありがとうございました。 お礼が大変遅くなり、誠に申しわけありません。 今回は、フレームをまたいでの画像表示はしないことになりましたが、今後の参考になりました。 どうもありがとうございました。

関連するQ&A

  • フレームをまたいで背景画像を表示させたい

     現在作っているホームページで、フレームでメニュー部分(フレームAとします)と、本文を表示させる部分(フレームB)を分けたページを作っているのですが、Aの各メニュー項目をonMouseOverするとBの背景画像がそれぞれそのメニュー項目に対応したものに変わる、という事をしたいのです。  できれば、その背景画像が変わるのはBに表示させるある1ページに限りたいのですが、何かうまい方法はないでしょうか?  良いアドバイスがあったらご教授をよろしくお願いします。

  • フレームページのウィンドウサイズについて

    フレームでページを作っているのですが、上・中・下の3分割で、真中のページをメインにしています。画像を背景に貼り付けているのですが、エクスプローラーバー等を表示してる時としていないときで、画像以外のところがでてしまったりします。何か解決方法はありませんか?よろしくお願いします。

  • 背景に画像を使ったページを作りたい。

    タイトルの通り、DreamWeaverを使って背景に画像を使ったページを作りたく方法を考えています。ちなみにレイヤー、CSSは使いたくありません。 自分の少ない知識で考えると、ページプロパティで背景画像を選択して、その上にテーブルを使ってテキスト等を配置する…それしか思いつかないのですが、他に方法はあるのでしょうか? あと、ページプロパティで背景画像を選択すると、ずっとリピートしてしまうと思うのですがリピートさせない方法はあるのでしょうか? また、大きく重い画像をページプロパティで背景に設定した場合、やはりページの立ち上がりの時間は重くなるのでしょうか? 経験が浅いため、HP制作中にいくつも疑問にぶち当たってしまいます。 どなたか、初心者(私が)と言うことを踏まえて、教えていただけないでしょうか。お願いいたします。

    • ベストアンサー
    • CSS
  • フレーム背景の画像を CSSで設定したいのですが

    現在、横3分割のフレームを使ったホームページを作成中です。左右のページを「space.html」とし、真ん中のページを更に縦3分割して、中央にメインのコンテンツを表示させるようにしています。また、サイトデザインは全てCSSで管理しようと思っています。 真ん中のページを際立たせたいので両側に縦線を引き、「space.html」の背景にも画像を設定したいのですが、うまくいきません。 #フレーム設定ページのソース#  <FRAMESET cols="*,700,30" frameborder="no" border="0">  <FRAME name="space01" src="space.html" class="space01">   <frameset rows="50,*,50" frameborder="no" border="0">   <FRAME name="menu" src="menu.html" scrolling="no" class="menu">   <FRAME name="main" src="main.html">   <FRAME name="bottom" src="new.html" scrolling="no" class="bottom">   </frameset>  <FRAME name="space02" src="space.html" class="space02"> #「space」部分のCSS#  .space01{  background-image:url(img/space.gif);  border-right:double 5px #666;  }  .space02{  background-image:url(img/space.gif);  border-left:double 5px #666;  } 上記の方法ですと、両側の縦線は表示されるのですが、背景は真っ白なままです。勉強不足で恐縮ですが、どなたかご教授下さい。。。

    • ベストアンサー
    • HTML
  • フレームの背景について

     只今ホームページを作成中で、4分割のフレーム(上下に3つ・真ん中が2つに分かれているもの)にしようと思っています。 上下の2つの背景色は#00060にし、真ん中の2つのうち1つは壁紙を使用するつもりです。  しかし、それぞれのページごとに(フレームを使用しないで)表示する場合は上手くいくのですが、フレームにして表示すると背景色が表示されません。 フレームを使用する場合はただ<BODY bgcolor="#000060"></BODY>のタグを使うだけではだめなのでしょうか?  説明が下手で申し訳ないのですが、アドバイスの方よろしくお願いします。

  • 背景画像にリンク

    背景に画像を固定して表示したページに、リンクを貼りたいのです。 フレームページで縦に2分割、左のページにスタイルシートで背景固定、BODYタグ内には何もなし、右のページも同じくスタイルシートで背景固定、こちらに左のページの背景画像内にある文字からリンクを貼り、そのリンクをはったページを右ページ内に反映させたいのです。 一枚の大きな画像を2分割して左と右のページでそれぞれ固定しているので、IMGタグはなるべく使いたくありません。 (IMGタグでスタイルシートでの背景固定ように、right bottomと出来るのならば全く問題ないので、その場合は教えてください^^;)

  • フレームで同じ背景画像の続きを表示させたい

    フレームで上下2つに分けたページに、同じ背景 (固定したもの)で、例えば右下に画像を固定して、上下のフレームで それぞれの続きの画像を表示させるには、どうすれば良いのでしょうか? お願いしますm(__)m

  • フレームページでの壁紙について

    よろしくお願いします。HPビルダー9.0を移用しています。 上中下3分割のフレームにてページを作ってます。 上のフレームには800×135の画像、下のフレームには800×71の画像(HTMLファイル)を開いています。 真ん中のフレームには800×323の画像を壁紙として開き「壁紙の固定・繰返しなし」の設定にしました。 15インチのディスプレイで見ると問題ないのですが、17インチで見ると、真ん中のフレームの壁紙の上下に余白が出来てしまいます。 この余白をなくす方法はありますか? よろしくお願いいたします。

  • フレームをまたいだ背景画像の固定は可能ですか?

    タイトルのとおりなのですが、 ホームページをフレーム(※アイフレームではありません)で複数に区切っています。 背景画像を一箇所に表示しさらに固定したいのですが、フレームをまたいだ状態でそれは可能でしょうか? 可能である場合、なるべく具体的にどのように設置し、設定すればいいのか教えてください。

  • フレームで背景画像を継ぎ目なく表示させるには

    横フレームで上下のフレームに同じ背景画像を継ぎ目なく表示させ、 ひとつのページのように見せたいのですがどのようにすれば良いでしょうか? リファレンスを見た限りCSSでbackground-positionを使えばできそう と思うのですが、具体的にどうすれば良いのかがわかりません。 おわかりになる方宜しくお願いします。