Witam, mam problem z wycentrowaniem obrazka w divie. Robie galerie i wyswietlam w niej thumbnaile (generowane odpowiednie rozmiary w zaleznosci od rozmiarow obrazka). I teraz mam tak :

[PHP] pobierz, plaintext 
 <div id="gallery">
        <?php
        foreach ($gallery_images as $item) {
            if ($item['cathegory'] == $this->uri->segment(2)) {
                ?>
        <div class="image_box"><a href="<?php echo $item['url'] ?>" ><img src="<?php echo $item['thumb_url']; ?>" /></a></div>
                <?php
            }
        }
        ?>
    </div>
[PHP] pobierz, plaintext 

gallery to jest nadrzedny ktory utrzymuje cala galerie, nastepnie mam boxa "image_box" o ustalonych rozmiarach 200px x 200px. I wewnatrz tego boxa mam zdjecie ktore wlasnie chce wycentrowac

[CSS] pobierz, plaintext 
#gallery{
    clear:left;
    float:left;
    margin: 50px 0 0 0;
    width: 935px;
    background: #f7f7f7;
    border: 1px solid #cccccc;
}
#gallery img{
    float:left;
    margin: 0 auto; (to nie dziala - probowalem text-align:center - tez nie dzialalo)
}
.image_box{
    float:left;
    width: 200px;
    height: 200px;
    margin: 20px 20px;
}
[CSS] pobierz, plaintext 

Czy ktos moze moglby cos podpowiedziec ? Oczywiscie moge probowac na "sztywno" centrowac obrazki ale problem pojawia sie wlasnie kiedy thumbnaile maja rozne rozmiary (jeden kwadrat inny w pionie prostokat, inny w poziomie). W takich wypadkach te obrazki dalej sie rozjezdzaja ...

Z gory dzieki za pomoc,
pozdrawiam

Float wyjmuje obiekt z obiegu w dokumencie, zatem margines wtedy nie zadziała, bo obiekt tak jakby się unosi ponad sceną.
Jeśli chcesz obiekty obok siebie, to nadaj im inny display, porzuć float.

no ok, odnoszac sie do tego co napisales, zmienilem plik css jednak ciagle nic

[CSS] pobierz, plaintext 
#gallery{
    margin: 50px 0 0 0;
    width: 935px;
    background: #f7f7f7;
    border: 1px solid #cccccc;
}
.image_box{
    width: 200px;
    height: 200px;
    margin: 20px 20px;
    display: inline-block;
}
.image_box img{
    margin: 0 auto;
}
[CSS] pobierz, plaintext 

nawet udalo mi sie przy img src ustalic w stylu wysokosc i szerokosc obrazka (getimagesize()) - bardzo obciazajace
i nawet to ze mam jego wymiary ustalone na "sztywno w stylu" nic mi nie daly :/

Daj to gdzieś na żywo