|
Модераторы: Illuminaty |
|
skander47 |
|
|||
Новичок Профиль Группа: Участник Сообщений: 1 Регистрация: 5.9.2016 Репутация: нет Всего: нет |
Не получается сделать макет адаптивным.Мне нужно чтобы левый сайдбар растягивался на всю высоту до самого подвала сайта остальные блоки расположены как задуманно и чтобы расположение их не менялось(было зафиксированное в данном месте на сайте) не зависимо есть в них контент или нет - никак не могу добиться желаемого результата. Подскажите пожалуйста что я делаю не так? Вот код:
CSS html, body{ height: 100%; } body{ font:14px Tahoma; margin:0; padding:0; background: url(../images/god.jpg) no-repeat 180px 100px; width:100%; height: 100%; overflow-x: scroll; } .wrapper{ display:flex; flex-wrap: wrap; justify-content: space-between; } .header, .content, .sidebar-left, .sidebar-right, .footer { background: red; margin: 0px 10px 10px; padding: 10px 5px; text-align: center; border:1px solid black; border-radius: 50px; } .header { width: 100%; } .sidebar-left { align-item: flex-start; align-self:stretch; justify-content:start; flex-direction:column; width:150px; align-content: stretch; } .sidebar-right{ flex-direction:column; align-self:center; justify-content: center; align-items: center; flex-grow:0; align-content: flex-end; margin-top: 330px; opacity: 0.6; } .footer { lign-item: flex-start; margin-top:370px; align-self:flex-end; justify-content: flex-start; align-items: flex-end; width:100%; flex-direction:row; margin-left:0; margin-right:0; } |
|||
|
||||
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей) | |
0 Пользователей: | |
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема » |
|
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности Powered by Invision Power Board(R) 1.3 © 2003 IPS, Inc. |