- ベストアンサー
壁紙＋画像（右・左・上・下）
- 壁紙に画像を配置する方法について教えてください。
- 右に縦に画像を並べる方法と、左に縦に画像を並べる方法について教えてください。
- 上に画像を横に並べる方法と、下に画像を横に並べる方法について教えてください。
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
ご質問のイメージはページの周りに画像があり、中央部に背景色の四角があるという事ですね 残念ですが出来ません しかし、それに似た事は可能です <HEAD> <STYLE type="text/css"> <!-- BODY { background-image: url("○○○.jpg"); background-repeat:repeat; background-attachment: fixed; } --> </STYLE> <SCRIPT type="text/javascript"> <!-- function fc(){ if( document.getElementById ){ if( document.body.clientWidth ){ wb = document.body.clientWidth - 200; } else { wb = innerWidth - 200; } document.getElementById("Layer1").style.width = wb; } if( document.all ){ wb = document.body.clientWidth - 200; document.all["Layer1"].style.pixelWidth = wb; } } //--> </SCRIPT> </HEAD> <BODY onLoad="fc()"> <DIV id="Layer1" style="position: absolute; width: 500px; height: 200px; z-index: 1; left: 100px; top: 100px; background-color: #D6D6AD;"> <P> ここに本文を書く</P> <DIV> </BODY> 解説 仮に100Ｘ100の背景画像があったとします レイヤーを作って背景色を指定します（左上は100で固定しています） もし、スクリプトが不発になった場合の為に幅500を指定、高さ（height: 200px;）はご自由に変更してください スクリプトで今開いているブラウザを調べ、そこから200引いた（背景画像２つ分）幅のレイヤーを作っています ただし、ＮＮ４では機能しません ＮＮ６以降、ＩＥ４以降はＯＫです（ＮＮ４でも出来ない事はないですが、反則ワザをつかわなければなりません） ※ もっと細かく計算すれば、背景画像にピタッと出来ますが、ちょっと強烈になりますので このあたりで、ご勘弁下さい
![その他([技術者向] コンピューター) イメージ](https://gazo.okwave.jp/okwave/images/related_qa/c205_1_thumbnail_img_sm.png)
お礼
お礼が遅くなって申し訳ありません。 難しそうですね；； ありがとうございます♪