締切済み

一定箇所に表示される画像について

2009/10/15 11:59

ホームページのトップページで、サイトを立ち上げた際に一定箇所で固定される画像（サブページ）を作りたいのですがどう作ったらいいかわからず困っています。どなたか知ってらっしゃる方がいましたらご指導下さい。下記は参考サイトです。来場予約ができる画像が一定箇所にでています。 http://www.pf-yamate.com/

ybkwg794
お礼率0% (0/4)

CSS
回答数2
ありがとう数0

みんなの回答 （2）
専門家の回答

みんなの回答

momora365
ベストアンサー率100% (2/2)

2009/11/03 17:55 回答No.2

CSSの　position:absolute;　などで固定表示する方法が一番簡単な方法だと思います。固定部分の位置はブラウザの左上から上に80ピクセル左に80ピクセルの位置で固定しています。　「left: 80px; top: 80px; 」参考までソースを張っておきますね。 -------------------------------------------------------- <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> #item1 { background-color: #66CCFF; margin: 0px; padding: 0px; height: 2500px; width: 800px; position: static; } #item2 { position:fixed; left: 80px; top: 80px; margin: 0px; padding: 0px; width: 200px; background-color: #FFFFFF; height: 200px; border: medium dotted #FF9900; /* IE5 later && javascript-on */ position: expression('absolute'); top: expression((documentElement.scrollTop || document.body.scrollTop) + 80 + 'px'); left: expression((documentElement.scrollLeft || document.body.scrollLeft) + 80 + 'px'); } </style> </head> <body> <div id="item1">aaa</div> <div id="item2">aaaa</div> </body> -----------------------------------------------------------

参考URL：: http://archiva.jp/web/html-css/position-fixed_on_IE.html

nori_007
ベストアンサー率35% (369/1048)

2009/10/15 13:41 回答No.1

下記サイトを確認しましたが、何処を指しているのか分かりませんでした。 >一定箇所で固定される画像（サブページ）を作りたいのですが基本、バックグランド画像にして固定するとか、CSS で固定することになると思います。まずは希望するサイトのソースを読むことをお勧めします。ソースを見ることが出来るので、一番確実な方法だと思います。