Witam.
Mam dziwny problem a mianowicie mam sytuację jak na obrazku z załącznika.
Chodzi o to, że obrazek ten w czerwonym divie ma atrybut margin:auto; i nie centruje się na stronie, nie mam pojęcia dlaczego.
div#tekst_strony {
margin: 25px;
width: 750px;
background-color:red;
margin-top: 10px;
}
img.zdjecie_w_prod{
width: 300px;
position:inherit;
border-style: solid;
border-color: #3D3D3D;
border-width: 10px;
-moz-border-radius:20px; /* FF */
-webkit-border-radius:20px; /* przeglądarki z webkitem (Safari, Chrome itp.) */
-khtml-border-radius:20px; /* przeglądarki typu K-meleon (typowo Linuxowe) */
border-radius:20px; /* pozostałe przeglądarki */
behaviour:url(border-radius.htc); /* dodatek dla badzIEwnej przeglądarki */
}
a.zdjecie_w_prod{
margin:auto;
}
...
<div id="tekst_strony">
<a class="zdjecie_w_prod" rel="prettyPhoto" href="zdjecia_protez/lcp_photo/<?php echo $answer[0]['photo']; ?>" title="This is the description">
<img class="zdjecie_w_prod" src="zdjecia_protez/lcp_photo/<?php echo $answer[0]['photo']; ?>" alt="This is the title" />
</a>
</div>
Jest to tak banalne, że powinno działać bez problemu, a jednak nie działa. Czy ktoś wie jak to rozwiązać? Oczywiście jakieś margin-left wolałbym uniknąć.