Piszę galerię w AJAXie. Nie mogę ustawić centralnego zdjęcia (w divie id="fota"). Chciałbym aby było ono wyśrodkowane w tym divie. Opcja margin : auto nie działa. Macie jakieś pomysły?

[HTML] pobierz, plaintext 
<div id="fota_tlo">
    <div id="fota_tloInside">
        <div id="fota">
            <img class="theOne" src="images/ZdjeciaPlacowki/{$arrGaleria[$obraz]}" onclick="exit();" title="Zamknij." />
        </div>
        <div id="previous_pudelkoIkona">
            <img src="images/ZdjeciaPlacowki/{$arrGaleria[$obraz-1]}" onclick="pobierzFoto('{$arrGaleria[$obraz-1]}');" class="icon" title="Poprzednie."/>
        </div>
        <div id="next_pudelkoIkona" align="right">
            <img src="images/ZdjeciaPlacowki/{$arrGaleria[$obraz+1]}" onclick="pobierzFoto('{$arrGaleria[$obraz+1]}');" class="icon" title="Kolejne."/>
        </div>
    </div>
</div>
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
#fota_tlo {
    background : url('../images/tlo_galeria.png');
    width : 100%;
    height : 100%;
    position : fixed;
    top : 0;
    left : 0;
  }
 
 
#fota_tloInside {
    background : transparent;
    width : 40%;
    height : 100%;
    margin : 2% auto;
  }
 
 
#fota {
    background : transparent;
    outline : #000000 solid 0px;
    height : 75%;
    width : 100%;
  }
 
img.theOne {
    border : #000000 solid 5px;
    max-height : 100%;
    max-width : 100%;
  }
 
 
img.icon {
    margin : 10px;
    width : 150px;
  }
 
 
img.icon:hover {
    width : 170px;
    margin : auto 0px;
  }
 
 
#next_pudelkoIkona {
    float : left;
    width : 50%;
    background : transparent;
    position : relative;
    right : -50px;
  }
 
 
#previous_pudelkoIkona {
    float : left;
    width : 50%;
    background : transparent;
    position : relative;
    right : 50px;
  }
[HTML] pobierz, plaintext 

Probowales "text-align: center;"?

margin: 0 auto; - to ci cały div wypośrodkuje,
text-align:center; - powinno pomóc

Mam podobny problem.
Chcę wypośrodkować zdjęcie wewnątrz diva i ani margin ani text-align nie pomaga :/
Jakieś sugestie?

Hmmm musiałbyś dać przykład. Jeżeli np chcesz wypośrodkować małe zdjęcia (wymiary diva są mniej więcej znane) to możesz dać to zdjęcie jako tło div'a i dla niego

background-position: center center;

Ja tak robię dla miniaturek.

Inne metody to np.
1. Centrowanie tylko w poziomie (stała szerokość diva)

[HTML] pobierz, plaintext 
div.z_fota img {
  display:block;
  margin: 0 auto;
}
[HTML] pobierz, plaintext 

2. Cetrowanie w pionie w przy stałej szerokości:

[HTML] pobierz, plaintext 
div.z_fota {
  height: 300px;
  line-height: 300px;
}
div.z_fota img {
  vertical-align: middle;
}
[HTML] pobierz, plaintext 

Po za tym można się bawić z display: table-row i wtedy vertical-align: middle, ale jak dla mnie zbyt dużo kombinowania w IE

Dzięki Zulus