0
私は、ブラウザで伸びる画像を持つdivを持っています。ラッパーdiv（画像）が縮小されてdivが中央に収まるはずだが、片側が消えるときは、私はdivのロゴを持っている。私は左を使用した：42％;中心にそれはその細かいuはそれが片側に消灯縮小ちょうどその時、大きな..背景画像divの内側にdivを配置する
は、私は左のほかに、他のオプションがあります：42％;？マージン：0 auto;水平絶対位置の要素を中心に... transform: translateX(-50%)と
@font-face {
font-family: myFirstFont;
src: url(jewler/Allura-Regular.otf);
}
body {
\t b111ackground-color: #000000;
}
h1 {
color: maroon;
margin-left: 40px;
}
h2 {
color: maroon;
margin-left: 40px;
}
h3 {
color: maroon;
margin-left: 40px;
}
#wrapper{
\t width:80%;
\t height:80%;
margin: 0 auto;
\t ;
\t }
* {
margin: 0;
padding: 0;
}
#logo{
\t
margin: 0 auto;
border: px solid green;
color:#FFF;
position:absolute;
margin-left:10px;
margin-top:10px;
display:table;
width:21%;
max-width:250px;
height:122px;
top:0%;
left:42%;
}
#info{
\t margin: 0 auto;
\t border: 1px solid green;
color:#FFF;
display:table;
width:250px;
height:250px;
border: 1px solid red;
}<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title> | Coming Soon!</title>
</head>
<body>
<div id="wrapper">
<IMG SRC="jewler/BackGround.png" width="100%" height="100%"/>
<div id="logo">
<IMG SRC="jewler/logo.png" width="100%" height="100%"/>
</div>
<div id="info">
Coming Soon
Adress:
Phone:
E-mail:
</div>
</div>
</body>
</html>
私は左に行くだろう： '50％;'と 'マージン-left' " - 半分のdivサイズ" IE' div'は私が作ると思い100px' 'だった場合' margin-left：-50px; ' – Zak