1

シンプルな建設中のページがあり、建設中の画像を画面の中央に配置したいと思います。横方向は問題ありませんが、縦方向は画像を配置することすらできません。

これが私のコードです：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Page Under Construction</title>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=ISO-8859-1">
<style type="text/css">
body {
background-color:#d7df29;
width: 100%;
height:  100%;

}
.img {

text-align: center;
margin: 0 auto
vertical-align: middle;
top:500;    

    }

#html5 {
position:absolute;
top:0;
right:0;
}

</style>
</head>
<body>
<div class="img"><img src="1.jpg" alt="Under Construction"></div>
<div id="html5"><img src="images/img_html5_FR.png" height="120" width="120" alt="" />    </div>
<img src="images/fb2.png" style="position: fixed; top: 350px; left: 0px;"     title="Bierzyk na Facebook'u" alt="Bierzyk na Facebook'u">

</body>
</html>
4

2 に答える 2

0

.img高さを100％にすると、画像をそのdiv（または）のに設定してから、そのbackground-imageようbodyに垂直方向に揃えることができます。これは、ページ上の他の要素が絶対的に配置され、固定されているため、機能するはずです。

于 2013-02-04T12:43:26.417 に答える
0

これを追加

.img {
    position:absolute;
    top:50%;  
    left:50% ;
     background:red;
    margin:-64px 0 0 -64px;
    }

デモ

于 2013-02-04T12:47:38.170 に答える