Форум Сайтостроение Веб-строительство

Равномерное выравнивание объекта в div

Romaldo
На сайте с 10.02.2008
Offline
185
Romaldo
792

Помогите с вопросом.

Имею див с таким css

#middle {

clear: both;

width: 355px;

height: 230px;

border: 1px solid white;

float:left; background:none!important; margin:5px;

}

В нем лежат фотки одинакового размера (тумбы).

По горизонтали у них отступ есть, а по вертикали нет, они как бы склеиваются.

Как это исправить?

А еще лучше, автоматически отцентровать все и по горизонатли и по вертикали...

T.R.O.N
На сайте с 18.05.2004
Offline
314
T.R.O.N
#1

#middle img{

padding:10px;

}

От воздержания пока никто не умер. Хотя никто и не родился! Prototype.js был написан теми, кто не знает JavaScript, для тех, кто не знает JavaScript (Richard Cornford)
!
На сайте с 29.11.2007
Offline
109
!bogus
#2

#middle img {padding-bottom: 10px} - может такой код поможет?

опередили)

.
D
На сайте с 09.03.2010
Offline
0
DStereopolyze
#3

Можно и так #middle img {margin:0 10px;}

Romaldo
На сайте с 10.02.2008
Offline
185
Romaldo
#4
!bogus:
#middle img {padding-bottom: 10px} - может такой код поможет?

опередили)

Да самое оно, спасибо!

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

D
На сайте с 09.03.2010
Offline
0
DStereopolyze
#5

Используйте overflow:auto. Для разных направлений разный overflow. Если нужна вертикальная полоса, то overflow-y:auto, если горизонтальная, то overflow-x:auto.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий