aliniere in div

cum pot alinia o imagine de exeplu la mijlocul unui div atat pe orizontala cat si pe verticala ?

am incercat din css cu vertical-align si nu a mers...am mai incercat cu tagul align="middle" pentru imagine...si am mai incercat cu tagul align="center" pentru div si nu imi aliniaza decat pe orizontala

inca doua metode cu care am ami incarcat fost cea cu margin:0 auto si cu text-align:center si vertical-align:middle

divul meu este de tip float

o sa omor pe cineva daca nu va uitati ce faceti acolo. Cum mama naibii sa mearga vertical-align intr-un div? daca proprietatea nu e facuta sa mearga pt div-uri?

Uite ce zice la manual despre vertical-align:

vertical-align: This property affects the vertical positioning inside a line box of the boxes generated by an inline-level element.

Ti se pare tie ca ai acolo un element inline?

In alta ordine de idei: http://www.google.ro...X...ner&spell=1

stiam...dar...asa am gasit si eu pe net si am zis sa incerc...uite ce am gasit...poate nu m-am uitat eu bine

http://www.issociate..._a_div_tag.html

<div class=li1><a href="xxx"><img src="http://www.aebike.com/images/
library/catalogs/soc/p350X350m/HT3200.jpg" width=64 height=18 border=1
alt=""></a></div><div class=li2><a href="xxx"><p>Ritchey True grip
black (HT3200)</p></a></div>
div.li1 {
width: 64px;
height: 64px;
float: left;
vertical-align: middle;
}

div.li2 {
margin-left: 76px;
height: 64px;
vertical-align: middle;
text-align: left;
}

Daca vrei sa centrezi un div pe pagina.. vezi sursa la http://d-graff.de/fricca/center.html

probabil ca ar trebui sa mearga cu text-align:center; desi nu este text

eu as face cam asa :

.divclass img {
    padding-top:50%;
    padding-bottom:50%;

}

Eu unu as pozitiona imaginea la pixel prin margin... asta daca div-ul in care sta are dimensiuni fixe, de exemplu:

div_mare {
margin:0 auto; /* ca sa stea pe centru, daca ai nevoie */
text-align: left; /* ca sa incepi pozitionarea in interior din coltul din stanga sus al div-ului */
widh: 100px;
height:100px;
}

imagine_interior {
position: absolute; /* inca nu am inteles total de ce dar asa merge */
margin-top: 20px;  /* sau cati pixeli vrei sa fie intre imagine si marginea de sus a div-ului in care sta */
margin-left: 20px;  /* sau cati pixeli vrei sa fie intre imagine si marginea din stanga a div-ului in care sta */
width: 60px; /* atat ar avea o imagine care ar sta pe centru */
height: 60px; /* atat ar avea o imagine care ar sta pe centru */
}

Sunt sigur ca exista metode mai bune si sper ca nu am gresit ceva...