Вопрос по адаптивной верстке

T4
На сайте с 25.09.2013
Offline
18
432

Сделал фиксивную , хотел переделать в адаптивную. Но что то у меня не получается. Колонки все равно остаются на месте. Подскажите в чем дело?

CSS:

ul.offers {

list-style: none;
margin:10;
padding:10;
padding-bottom: 10%

}
ul.offers li {
position: relative;
padding:10px 0 0 0;
margin: 0;
height: 120px;
border-bottom: 1px dotted #ccc;
}
ul.offers div, ul.offers a {
position: absolute;
left: 1000px;
font-weight: bold;
font-size: 1.1em;
top: 9px;
}
ul.offers span {
display: block;
color: #999;
font-weight: normal;
font-size: 0.9em;
padding-bottom: 3px;
}
ul.offers .logo1 {
left:0;
}
ul.offers .logo1 img {
width: 115px;
}
ul.offers .stavka {
left: 200px;

}
ul.offers .summa {
left: 405px;
}
ul.offers .srok {
left: 533px;
}
ul.offers .ras {
left: 726px;
width: 200px;
}
ul.offers .form-button {
left: 200px;
top: 70px;
text-decoration: none;
background: #009966;
color: #FFF;
font-weight: normal;
padding: 10px 90px;
text-transform: uppercase;
}
ul.offers .form-button:hover {
background: #00CC00;
}
.page-offer_detail ul.offers .form-button {
left: 450px;
}
ul.offers .detail-button {
left: 729px;
font-weight: normal;
color: #647445;
border: 2px solid #647445;
width: 100px;
text-transform: uppercase;
text-decoration: none;
top: 64px;
padding: 8px 20px;
width: 156px;
}
ul.offers .detail-button:hover {
background: #647445;
color: #FFF;
}

.offer_redirect {
width: 500px;
padding: 20px 0 50px 0;
text-align: center;
background: url('/img/mikrozajm/offer_loader.gif') no-repeat 50% 76px;
}
D.iK.iJ
На сайте с 26.05.2013
Offline
239
#1

если честно, что-то я не понимаю что вы хотели сказать под "адаптивным".

Для меня адаптивный дизайн это как-то так.

Или нужен тянущийся макет? http://htmlbook.ru/layout

Адаптивный дизайн в 2 строчки ( https://dikij.com/wm/adaptaciya-saytov.php ). + Принимаю заказы любой сложности ( https://searchengines.guru/ru/forum/926323 ). 💎 Еще я делаю классные кулоны с опалами ( https://mosaicopal.ru/ ).
Veterok2009
На сайте с 28.11.2009
Offline
129
#2

Вы бы показали для начала, что вы сделали. А то получается, что вам нужно бесплатно сделать :)

P.S. хоть не фиктивную сделали, и то хорошо :)

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