CSS「margin 0 auto」の指定をすると左に寄る

CSS「margin 0 auto」の指定をしても、
画像が中央に行かず若干左に寄ります。

※以下コードの一番下「satei」の部分になります。

html
1<!DOCTYPE html>
2<html lang="ja">
3<head>
4  <meta charset="UTF-8">
5  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6  <title>Mantion Pro</title>
7  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
8  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
9  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>
10  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
11  <script src="https://use.fontawesome.com/releases/v5.0.8/js/all.js"></script>
12  <link rel="stylesheet" href="css/reset.css">
13  <link rel="stylesheet" href="css/style.css">
14</head>
15
16<body>
17<!-- header -->
18  <header>
19    <div class="header-in">
20      <img src="images/logo.png" alt="logo">
21    </div>
22  </header>
23
24
25<!-- main -->
26<div class="main">
27  <img src="images/main.jpg" alt="">
28  <p class="first">マンション売却のプロが運営<br>安心の不動産査定サイト</p>
29  <h2>あなたのマンション<br><span>いくらで売れる？？</span></h2>
30  <p class="tokucho1 txtm">練馬区で30年！<br>豊富な実績による信頼感</p>
31  <p class="tokucho2 txtm">2018年の実績は<br>なんと300戸以上！</p>
32  <p class="tokucho3 txtm">電話営業なし！<br>安心の接客対応</p>
33</div>
34
35
36<!-- satei -->
37<div class="satei">
38  <img src="images/satei.svg" alt="">
39</div>
40
41</body>
42</html>

css
1@charset "UTF-8";
2body {
3  font-family: 'Meiryo' 'メイリオ' 'aleolight' 'noto sans Japanese' 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic'  
4  }
5html {
6  font-size: 10px; /* 基準として全てのテキストの大きさを10pxにする */
7}
8
9
10/*    /////// header ////////   */
11header {
12  height: 110px;
13}
14
15.header-in {
16  padding: 20px 0 0 170px ;
17}
18
19
20/* main */
21.main {
22  position: relative;
23}
24
25.main img{
26  width: 100%;
27  height: 100%;
28  background-size: cover;
29  filter: opacity(75%);
30}
31
32.main .first {
33  font-size: 3rem;
34  line-height: 4.5rem;
35  font-weight: 600;
36  position: absolute;
37  top: 25%;
38  left: 13%;
39	text-shadow:#fff 1px 1px 10px, #fff -1px 1px 10px,#fff 1px -1px 10px,#fff -1px -1px 10px;
40}
41
42.main h2 {
43  color: rgb(18, 54, 153);
44  font-size: 6rem;
45  line-height: 10.5rem;
46  font-weight: 600;
47  position: absolute;
48  top: 44%;
49  left: 13%;
50	text-shadow:#fff 1px 1px 10px, #fff -1px 1px 10px,#fff 1px -1px 10px,#fff -1px -1px 10px;
51}
52
53.main h2 span {
54  color: rgb(214, 69, 76);
55}
56
57.tokucho1 ,.tokucho2 ,.tokucho3 {
58  background-color: #fff;
59  width: 300px;
60  text-align: center;
61  position: absolute;
62  left: 60%;
63  opacity: 89%;
64}
65
66
67.tokucho1 {
68  top: 25%;
69}
70
71.tokucho2 {
72  top: 41%;
73}
74
75.tokucho3 {
76  top: 57%;
77}
78
79.txtm {
80  font-size: 2.2rem;
81  color: rgb(245, 125, 27);
82  font-weight: 600;
83  line-height: 3.5rem;
84  padding: 1.2rem;
85  border-radius: 15px;
86}
87
88.dammy {
89  width: 100%;
90  height: 800px;
91}
92
93
94/* satei */
95.satei {
96  width: 100%;
97  height: 500px;
98  position: relative;
99}
100
101.satei img {
102  position: absolute;
103  top: -250px;
104  left: 0;
105  right: 0;
106  margin: 0 auto;
107}
108
109/*---Media Queries --*/
110@media screen and (max-width: 992px) { 
111}
112
113@media screen and (max-width: 896px) { 
114}
115
116@media screen and (max-width: 575px) { 
117}
118

画面では以下のように表示されます。

検証ツール

宜しくお願い致します。

退会済みユーザー

2019/12/22 05:40

質問にあるコードを再現（satei.svgは仮の画像を置いています）してみましたが、中央寄せになってました。強いて言えば「position: absolute;」を指定しているので、「margin: 0 auto;」→「 margin: auto;」でいいかな、という気もしますが…。質問者さんの画面でどうなっているのか、スクショなど貼っていただけるとアドバイスしやすいです。

nakama123

2019/12/22 06:06

上記ありがとうございます。念のため「 margin: auto;」に修正しましたが変わらず… 画像を添付させていただきました。宜しくお願い致します。

story_aniki

2019/12/22 06:20

このコードは全部でしょうか？恐らくは、このコードは一部を省いているのではないでしょうか？別のマージンやパディングが悪さをしていると思いますグーグルクロームであればF12をおした検証ツールを使って調べるのがいいと思います

nakama123

2019/12/22 07:37

上記ありがとうございます。はい、仰る通りです。全てのコードを追記させていただきました。検証ツールで調べたのですが、画像のようにmargin 0 autoは効いているようです・・。なぜか指定していないのに、bodyに「text-align :left」があったのですが、こちらのチェックを外しても特に変わらない状況です・・・。