ホームページ作成について質問です。

1600×1200pixの写真をどんなパソコンのウィンドウにも中心部がセンターに
なっているホームページを作りたいと思っています。
ウィンドウサイズが800×600の場合でもセンターから表示できるようにするには
どうしたらよいでしょうか?

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2009/08/18 17:01:53
  • 終了:2009/08/25 17:05:02

回答(1件)

id:indiana No.1

indiana回答回数59ベストアンサー獲得回数32009/08/18 20:43:13

ポイント60pt

ウインドウからはみ出してでもセンターを表示させたいということでしょうか。

それなら、<div>などのタテヨコを100%にして、その背景に該当画像を設定します。

そのうえで背景画像の位置を50%にすれば、常にセンターに表示されます。


ソースの例としては以下になります。

<html>
<title>ページタイトル</title>
<head>
<style type="text/css">
<!--
/*念のためhtmlタグとbodyタグの高さを100%に*/
html,body{
height:100%;
}

/*画像を表示する<div>タグに適用するCSS*/
.center-image{
width:100%;
height:100%;
background-image:url(画像のURL);
background-position:50% 50%;
background-repeat:no-repeat;
}
-->
</style>
</head>
<body>

<!--<div>タグの中には何も入れません-->
<div class="center-image"></div>

</body>
</html>

または、画像を別ウインドウとして開く場合には、body自体に背景画像として設定してもいいかもしれません。

<html>
<title>ページタイトル</title>
<head>
<style type="text/css">
<!--
/*念のためhtmlタグとbodyタグの高さを100%に*/
html,body{
height:100%;
}

/*画像を表示する<div>タグに適用するCSS*/
body{
background-image:url(画像のURL);
background-position:50% 50%;
background-repeat:no-repeat;
}
-->
</style>
</head>
<body>

<!--<body>タグの中には何も入れません-->

</body>
</html>

こういう回答で大丈夫でしょうか・・・


http://www.htmq.com/style/background-image.shtml

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません