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

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

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

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

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

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

Ansy

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

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

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

SergF

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

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

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

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

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

Новые темы	Объявления	Свободное общение
21:18 Webvork - международная товарная СРА сеть с сертифицированными офферами на Европу. 21:06 Кто как борется с ботами ПФ? 16:51 Buymedia.biz - рекламная сеть 13:36 Партнерская программа OWNR WALLET 14:10 3snet - гемблинг, беттинг, форекс, бинарные опционы, майнинг 11:52 Партнерская программа Xoffers с прямыми офферами в вертикалях форекс, крипта и бинарные опционы. 22:22 DreamCash.tl - заработок на онлайн-видео. До 95% отчислений, отличный конверт!	19:40 Высококачественные и надежные прокси-серверы и 5G 16:16 ZennoPoster - софт №1 для автоматизации любых SEO задач! 15:55 - Вечные ссылки с трастовых сайтов 2024 проверен FastTrust 11:40 Криптовалютный обменник Xgram.io - новое воплощение качества 11:10 4G/LTE Mobile Proxy 30+ geo 10:21 TETChange-Обменник криптовалют 22:58 Продам обменник криптовалюты, а также новый обменник под ключ с обучением. Скидки на скрипты обменника	02:05 Точные прогнозы на футбол 15:43 Заказать телефонный флуд. 12:05 Ням-ням! - 8 деликатесов, которые когда-то ели только бедные люди 11:25 Флуд звонками 11:40 Кто сделает прогон для адалт сайта? 09:25 Добро пожаловать в цифровой мир... 10:31 Видимо, похороны СУПРа уже прошли как-то по-тихому

Новые темы

Объявления

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

21:18 Webvork - международная товарная СРА сеть с сертифицированными офферами на Европу.
21:06 Кто как борется с ботами ПФ?
16:51 Buymedia.biz - рекламная сеть
13:36 Партнерская программа OWNR WALLET
14:10 3snet - гемблинг, беттинг, форекс, бинарные опционы, майнинг
11:52 Партнерская программа Xoffers с прямыми офферами в вертикалях форекс, крипта и бинарные опционы.
22:22 DreamCash.tl - заработок на онлайн-видео. До 95% отчислений, отличный конверт!

19:40 Высококачественные и надежные прокси-серверы и 5G
16:16 ZennoPoster - софт №1 для автоматизации любых SEO задач!
15:55 - Вечные ссылки с трастовых сайтов 2024 проверен FastTrust
11:40 Криптовалютный обменник Xgram.io - новое воплощение качества
11:10 4G/LTE Mobile Proxy 30+ geo
10:21 TETChange-Обменник криптовалют
22:58 Продам обменник криптовалюты, а также новый обменник под ключ с обучением. Скидки на скрипты обменника

02:05 Точные прогнозы на футбол
15:43 Заказать телефонный флуд.
12:05 Ням-ням! - 8 деликатесов, которые когда-то ели только бедные люди
11:25 Флуд звонками
11:40 Кто сделает прогон для адалт сайта?
09:25 Добро пожаловать в цифровой мир...
10:31 Видимо, похороны СУПРа уже прошли как-то по-тихому

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 макет.