1

ウェブページを中央に配置しようとしています。また、最小1000pxがあり、スケールアップします。現在、私のページは、30%-center-70% の中心からずれています。なぜこれが起こっているのか混乱しています。なぜこれが起こっているのかを誰かが説明できれば、それは素晴らしいことです。

ここに画像の説明を入力

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Title</title>
<style type="text/css">


#page {
    position:relative;
    display:block;
    width:75%;
    margin:auto;
    min-width:1000px;
    z-index:0;
}
#pageImg {
    position:absolute;
    width:75%;
    margin:auto;
    min-width:1000px;
    z-index:1;
}
#navBarImg {
    position:absolute;
    width:75%;
    margin:auto;
    min-width:1000px;
    z-index:2;
}

</style>
</head>
<body>
<div id="page">
    <img id="pageImg" src="../Navigation/backgroundImg.png" />
    <div id="navBar">
        <img id="navBarImg" src="../Navigation/navBarBGImg.png" />
    </div>
</div>
</body>
</html>
4

2 に答える 2