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

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

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

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

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

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

Прогон по твиттеру, постинг в 1500 аккунтов
Постинг в твиттер аккаунты, для ускорения индексации ваших сайтов, сателлитов, дорвеев.

Ansy

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

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

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

SergF

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

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

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

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

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

Новые темы	Объявления	Свободное общение
03:11 Это нормальна выдача?? 03:10 Как раскрутить сайт? 01:44 Яндекс выдача. Тема для АПдейтов, которые будут с 16.09 по 23.09.2018 включительно 17:46 Что такое Яндекс Икс / Как накрутить Яндекс ИКС 15:31 AdBean.ru - Бобовая тизерная сеть. Новостные и товарные тизеры. До 90% отчислений! 14:36 TeaserNet - тизерная сеть нового поколения! Высокие доходы, стабильные выплаты 13:15 Офферы для монетизации сайта компьютерной тематики	01:40 Продам канал Яндекс Дзен 01:05 Адалт копирайт, описания категорий/видео, тексты на главную и др. 00:30 Продажа новых сайтов на Wordpress 22:40 Софт на заказ 21:03 Куплю аккаунты на форумах 18:53 Обмен, ввод, вывод Bitcoin, PayPal, Neteller, Skrill, ЯД, Киви WM, WU, КЭШ и др. 18:10 Нужен человек для продвижения сайта (ссылками)	03:21 иКС ? 03:09 Ссылка с морды 00:22 Индексация ссылок в профилях форумов 23:08 меня кто-то сканит? 22:12 (затёр)-агентство «(затёр).COM» 20:58 VK Pay 20:26 А были ли раньше леса? Где леса?

Новые темы

Объявления

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

03:11 Это нормальна выдача??
03:10 Как раскрутить сайт?
01:44 Яндекс выдача. Тема для АПдейтов, которые будут с 16.09 по 23.09.2018 включительно
17:46 Что такое Яндекс Икс / Как накрутить Яндекс ИКС
15:31 AdBean.ru - Бобовая тизерная сеть. Новостные и товарные тизеры. До 90% отчислений!
14:36 TeaserNet - тизерная сеть нового поколения! Высокие доходы, стабильные выплаты
13:15 Офферы для монетизации сайта компьютерной тематики

01:40 Продам канал Яндекс Дзен
01:05 Адалт копирайт, описания категорий/видео, тексты на главную и др.
00:30 Продажа новых сайтов на Wordpress
22:40 Софт на заказ
21:03 Куплю аккаунты на форумах
18:53 Обмен, ввод, вывод Bitcoin, PayPal, Neteller, Skrill, ЯД, Киви WM, WU, КЭШ и др.
18:10 Нужен человек для продвижения сайта (ссылками)

03:21 иКС ?
03:09 Ссылка с морды
00:22 Индексация ссылок в профилях форумов
23:08 меня кто-то сканит?
22:12 (затёр)-агентство «(затёр).COM»
20:58 VK Pay
20:26 А были ли раньше леса? Где леса?

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