Witam.
Mam problem z wyśrodkowaniem zdjęcia wewnątrz diva w pionie.
Skrypt centruje zdjęcie po środku za pośrednictwem <center> ale nie mogę uporać się z wyśrodkowaniem w pionie.

Jest coś takiego:
<div>
<a><img/></a>
</div>

CSS:

[CSS] pobierz, plaintext 
#av-photo1 {
width: 304px;
max-width: 304px;
height: 304px;
max-height:304px;
float:right;
border:solid 1px grey;
margin-bottom:10px;
}
[CSS] pobierz, plaintext 

HTML:

[HTML] pobierz, plaintext 
<div id='av-photo1'>
<center>
<a border='0' href='$photo2' style='text-decoration: none; border: solid 0px grey;' rel='lightbox'>
<img src='$photo2' style='padding-top:$ile; max-width:304px; max-height:304px; border: 0px;' border='0'/>
</a>
</center>
</div>
[HTML] pobierz, plaintext 

zmiennymi $ile i $photo2 proszę się nie przejmować.

Może to pomoże:
http://www.jakpsatweb.cz/css/css-vertical-...r-solution.html

Ktoś powie, że się czepiam ale jeżeli już używasz zamykania IMG poprzez <IMG /> to nie używaj tagu <CENTER> z tego co wiem to w XHTML go już nie ma proponuje <div style="text-align:center"></div>

A co do problemu można ustawić aby ten element, w którym znajduje się obrazek zachowywał się jako komórka tabeli - czyli style="display: table-cell" można wtedy zastosować w niej też style="vertica-align:middle"

HTH!

Do wyśrodkowania obrazka w CSS powinno się użyć:

@up wszystko ładnie ale chodzi o centrowanie w pionie

a może tak stary dobry css :

% są uniwersalne i można się bawić co do wartości.

vertical-align albo line-height.