CSS: Выравнивание картинок по центру

relaxing
На сайте с 29.05.2008
Offline
25
1082

Здравствуйте, помогите решить проблему. Надо сделать чтобы все картинки (1,2,3) были по центру на разных расширении экрана.

Примерно как на картинке: http://xmages.net/storage/10/1/0/5/a/upload/ce9fc8b1.jpg

На главной странице поставил код:

<div id="img1"></div>
<div id="img2"></div>
<div id="img3"></div>

В CSS:

.img1 {
position: absolute;
background: url(img1.png)no-repeat; width: 260px; height:280px;
margin-left: 25%; margin-right: auto; margin-top: 20px; width:
}


.img2 {
position: absolute;
background: url(img2.png)no-repeat; width: 260px; height:280px;
margin-left: 35%; margin-right: auto; margin-top: 20px;
}

.img3 {
position: absolute;
background: url(img3.png)no-repeat; width: 260px; height:280px;
margin-left: 50%; margin-right: auto; margin-top: -20px;
}
nikhotin
На сайте с 24.05.2007
Offline
74
#1

В дивах у вас id, а в css прописан class

Ничто не пугает нас страшнее всего,как одинокая маленькая девочка в белом платьице холодной осенней ночью на аллее рядом с кладбищем...
relaxing
На сайте с 29.05.2008
Offline
25
#2

Всем спасибо. Уже разобрался.

п.с. тему можно закрыть.

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