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

締切済

質問者：ybkwg794
質問日時：2009/10/15 11:59
回答数：2件

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

http://www.pf-yamate.com/

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

最新から表示
回答順に表示

No.2

回答者： momora365
回答日時：2009/11/03 17:55

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 …