Как сверстать адаптивные блоки

Сообщений: 216 Регистрация: Янв 2014

21 Февраля 2018 19:15

Вроде простая задача, не могу придумать как расположить блоки что бы в адаптивном виде изменялось расположение (без позишен абсолют) смотрите схему на картинке.

Прикрепленные файлы

verstka.png (28.47 КБ) [ Скачать ]

Бесплатная контекстная реклама

Ansy

Сообщений: 95 Регистрация: Мар 2012

21 Февраля 2018 22:20

Навскидку для второго блока использовать float:right; для 1366 и float:left; для 768 и использовать clear:left. Главное держать все 3 дива в 1 секции.

SergF

Сообщений: 216 Регистрация: Янв 2014

21 Февраля 2018 22:31

Цитата
Ansy пишет: Навскидку для второго блока использовать float:right; для 1366 и float:left; для 768 и использовать clear:left. Главное держать все 3 дива в 1 секции.

Сделал, 3 блок становится на уровне высоты со 2, хотя место есть но почему то не поднимается на верх до 1

SergF Сообщений: 216 Регистрация: Янв 2014	#4 22 Февраля 2018 20:19 получилось, надо убрать у 3 блока флоат и добавить ему display: inline-block Изменено: SergF - 22 Февраля 2018 20:47

Новые темы	Объявления	Свободное общение
21:55 Есть у кого актуальная лицензия DLE? 21:47 Adsense личный опыт 21:34 Упали позиции 18:49 Данные регистрации на сайте 18:05 Как правильно писать заголовки title и h1? 15:35 Прокси для Инстагрума 13:23 Липкие объявления от РСЯ	21:04 Продам домен sexvideo.chat 20:12 Качественный дизайн для ваших сайтов 19:13 Продаю 125 доменов на narod.ru 15:52 Размещение соц. сигналов для роста позиций вашего сайта или группы. 15:35 Легко! Качественно! Доступно! Профессионально пишу и размножаю тексты 15:00 Нужен опытный программист для реализации проекта push уведомлений 14:58 Доброго времени суток, предлагаю вашему вниманию дешевые Dedicated Servers(дедики)!	21:52 признание и символические 5 000 руб. \| кто на форуме в последнее время больше всех с полезной активностью 17:40 Контент план от lol (основная тема) 17:14 Как бы туда попасть 16:33 Живые участники в группу 14:01 Ваша любимая компьютерная игра? 09:22 Переключение между хостингами 05:51 Mobile-first indexing enabled for ...

Новые темы

Объявления

Свободное общение

21:55 Есть у кого актуальная лицензия DLE?
21:47 Adsense личный опыт
21:34 Упали позиции
18:49 Данные регистрации на сайте
18:05 Как правильно писать заголовки title и h1?
15:35 Прокси для Инстагрума
13:23 Липкие объявления от РСЯ

21:04 Продам домен sexvideo.chat
20:12 Качественный дизайн для ваших сайтов
19:13 Продаю 125 доменов на narod.ru
15:52 Размещение соц. сигналов для роста позиций вашего сайта или группы.
15:35 Легко! Качественно! Доступно! Профессионально пишу и размножаю тексты
15:00 Нужен опытный программист для реализации проекта push уведомлений
14:58 Доброго времени суток, предлагаю вашему вниманию дешевые Dedicated Servers(дедики)!

21:52 признание и символические 5 000 руб. | кто на форуме в последнее время больше всех с полезной активностью
17:40 Контент план от lol (основная тема)
17:14 Как бы туда попасть
16:33 Живые участники в группу
14:01 Ваша любимая компьютерная игра?
09:22 Переключение между хостингами
05:51 Mobile-first indexing enabled for ...

12.09.2017 17:51	Бесплатно сверстать дизайны UI (iOS)
13.06.2017 21:44	Нужно помочь сверстать или подобрать шаблон для wordpress
20.04.2017 21:23	Как правильно сверстать нестандартное меню?
19.06.2016 14:47	Сколько стоит сверстать шаблон дле? Ваши варианты.
02.04.2014 14:55	Готов сверстать 1 станичный PSD макет.