CSS zentrieren eines Bildes funktioniert nicht
Ich versuche, die Mitte ein Bild (Kräfte.png) horizontal mit margin-left und margin-right auto, aber das Bild bleibt Linksbündig. Meine Website ist http://goo.gl/cHO1u
Was ist falsch mit dem code, den ich verwende? Dank
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;
}
InformationsquelleAutor Greg | 2012-07-28
Du musst angemeldet sein, um einen Kommentar abzugeben.
da Bild ist nicht ein block-element. Und plz vote & akzeptieren Sie die Antwort, die Ihnen geholfen hat.
InformationsquelleAutor Johndave Decano
InformationsquelleAutor pallavisahane