3

margin-left および margin-right auto を使用して画像 (forces.png) を水平方向に中央揃えにしようとしていますが、画像は左揃えのままです。私のサイトはhttp://goo.gl/cHO1u です。使用しているコードの何が問題になっていますか? ありがとう

HTML:

<div class="section" id="presentation">
<div id="presentation-highlevel">
<p>NOTRE ENTREPRISE</p>
<p>ddfdsfdsfdsfdsjfl dfljdsfdsfjdsjfdlksj dfljdslfjldsjflkdsjflsjfdls ldf,dlsmjfdsjfsdmfjdmsjfms dfmdsfjmdsjfmdsjfmdsjfdlms mkdfmksdmfkdmsfkdsfdsmfkmldskf dfmdmkfmdkfmdlskf dfkdmfkdmkfmdskf dfmkdsmfkdsmkfmdskfdms dskfdsmkfdsmkfmdsfkd </p>
</div>
<div id="presentation-highlights"><img src="images/forces.png" alt="Picture" /></div>
</div><!--END page1-->

CSS:

#presentation
{
    height:1300px;
    background:#afc9ff; 
  background: url(../images/norway-landscape60.jpg) no-repeat center fixed; 
  -webkit-background-size: cover; /* pour Chrome et Safari */
  -moz-background-size: cover; /* pour Firefox */
  -o-background-size: cover; /* pour Opera */
  background-size: cover; /* version standardisée */
}

#presentation-highlights

{
width: 100%;
display: block;
margin-left:auto;
margin-right:auto;
}
4

2 に答える 2

16
#presentation-highlights {
text-align:center;
width:100%;
display:block;
margin:auto;
}
于 2012-07-28T09:33:48.833 に答える
0
#presentation {
    height:100%;
    background:#afc9ff; 
    background: url(../images/norway-landscape60.jpg) no-repeat center fixed; 
    text-align: center;
}
body {
    text-align: center;
}
于 2012-07-28T09:41:59.173 に答える