Центрирование картинок по вертикали и горизонтали

Pahom-ka

16 января 2011, 13:32

4163

Исходя из данного здесь кода, прописал в свой css-файл эти строки, всё работает в общем, спасибо Olldman.

теперь возникла такая ситуация на другом уже сайте: что добавить к строчкам, чтобы картинки центрировались по вертикали и горизонтали?

Вот полученный html-код:

<div class="img">

<img src="1.jpg" alt="">

</div>

<div class="img">

<img src="2.jpg" alt="">

</div>

и css:

div.img{width:200px;height:200px;overflow:hidden;}

div.img img{max-width:200px;}

Спасибо за внимание!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Шлю смс-ки отсюда ( http://www.smspilot.ru/?r=3591 )

Robin_Bad

16 января 2011, 15:17

div.img {

width: 200px;

height: 200px;

overflow: hidden;

position: relative;

}

div.img img {

top: 0;

right: 0;

bottom: 0;

left: 0;

margin: auto;

max-height: 200px;

max-width: 200px;

position: absolute;

}