カンパ〜イ!←最初の1杯目、なに頼む?

超初心者のため、以下のような初歩的な質問をすることをお許しください。
初心者向けのHP作成補助サイトを見ながら、Windowsのメモ帳で<html><head></head><body></body></html>などを入力しながらHP
を作成しているのですが、どうしてもスタイルシートに複数の画像を
入力させる方法がわかりません。
現在、<head>と</head>の間に
<style type="text/css">
body { background-color: #ffffff ;
background-image:url("画像1.jpg"); background-repeat:no-repeat;
background-position:100% 100%; background-attachment:fixed;
}
</style>

という形で、ページの【右下】に200×400程度の画像を表示させているのですが、
このほかに同じ200×400サイズの画像を【左上】に表示させるには
どのようにすればよいのでしょうか?
<div>などのタグを使うことも考えたのですが、そうするとページを
スクロールすると、左上の画像が上に流れていってしまう上に、中央に表示させている文字を隠してしまうので困っています。
私の知識不足なのでしょうが…。
左上の画像も右下の画像と同じようにページに固定して表示させる
方法を教えてください。
必要な情報かはわかりませんが、画像やhtmlはFFFTPでサーバーにアップロードして、Internet Explorerで表示しています。

A 回答 (1件)

いや divを使う事になるよ。


通常は全体として body に指定して終わりだけど
それと同じ様に 全体を囲むdiv を用意して同じ事をするだけ。
但し、位置を固定する場合はfixedでやらないとならず、それに対応していないブラウザ(具体的にはIE6)でちゃんと固定できないからそこら辺は我慢するしかないね。
    • good
    • 0
この回答へのお礼

回答ありがとうございます。
全体を囲むdivの作成方法がよくわかってないので、そこはいろいろ
検索しつつまた勉強して出直してきます。
親切にどうもありがとうございました。初心者なりに頑張ってみます。

お礼日時:2008/12/29 01:54

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!


おすすめ情報