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

Помогите с сайтбаром в футере

T2
На сайте с 10.10.2014
Offline
45
tsergey2008
310

Ребят, помогите пожалуйста с сайтбаром в футере. Не могу настроить стили CSS для трех областей виджетов. Формы при увеличении или уменьшении масштаба сайта уходят влево. Никак не могу выровнять их строго по середине и адаптировать. Что я делаю не так?

сайт na-samolet-bilet.ru

Вот CSS для сайтбара в футере

#footer-widgets {

display: block;

width:100%;

height: 100%;

margin: 0 auto;

}

#footer1 {

width: 300px;

height: auto;

float: left;

margin: 10px 10px 10px 180px;

padding: 10px;

}

#footer2 {

width: 300px;

height: auto;

float: left;

margin: 10px 10px 0px 120px;

padding: 10px;

}

#footer3 {

width: 300px;

height: auto;

float: left;

margin: 10px 10px 10px 60px;

padding: 10px;

}

Gerga
На сайте с 02.08.2015
Offline
94
Gerga
#1

tsergey2008, для #footer1, #footer2, #footer3 убрать float: left; , поставить display: inline-block; vertical-align: top; . Для #footer-widgets text-align: center;.


#footer-widgets {
    display: block;
    width:100%;
    margin: 0;
    text-align: center;
}
#footer1, #footer2, #footer3 {
    width: 300px;    
    margin: 10px 8px;
    padding: 10px;
    display: inline-block;
    vertical-align: top;
}
T2
На сайте с 10.10.2014
Offline
45
tsergey2008
#2

Gerga, Спасибо большое!!!

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