hocam eğer yanlış anlamadıysam, mantığı şöyledir onun
top: 50%; yaparsın sonra ortalamak istediğin resim, yazı her neyse onun en başını tam ortaya koyar. sen o resimi de ortalamak istediğin için resmin yüksekliğinin yarısı kadar yukarı çekersin. yani bir örnek vermek gerekirse,
elimde height i 100 px olan bir resim var. bunu bi divin yukardan tam ortasına yerleştirmek için,
top:50%;
margin-top:-50px;
bu şekilde, yukardan tam ortada olur.