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

Сообщений: 233 Регистрация: Янв 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

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

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

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

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

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

Новые темы	Объявления	Свободное общение
23:48 Как вы поднимаете? / 15.02.2019 Яндекс выдача 18:52 Trastik - кто что скажет, ссылки там путёвые? 15:16 Adtrafico - Правильная партнёрская сеть под бурж трафик 14:31 SE Ranking - новый сервис проверки позиций сайтов в поисковиках 14:26 3snet - гемблинг, беттинг, форекс, бинарные опционы, майнинг 13:13 14.02.19г. опять АПнуло Яндекс выдачу 11:25 Kokos.click - народная тизерная сеть!	01:24 Нужны Яденьги 18:52 Уникальные тексты на нужную вам тематику 18:08 Imark Esports – самое крупное киберспортивное медиа-агентство в Казахстане. 16:17 GetETH - первый умный инвестиционный контракт со средним риском со специальным доходом 14:42 Комплексный прогон по трастовым сайтам, статейное размещение. Рост НЧ-СЧ, Тиц-пр. 12:58 Хочу продать сайт. Прошу оценить его стоимость 12:17 Нужна накрутка подписок на сайте	14:35 Доска объявлений 12:56 Требуется помощь! 00:59 SEO продвижение сайтов в Яндекс, Google. Поднятие ИКС сайту, исправления ошибок, разработка стратегий 21:31 Новая тизерная сеть Actionteaser.ru 19:14 Частная база руководителей, директоров, лиц принимающих решения (ЛПР) по России за 2018 г. 19:12 Объявы адсенс, мать его.. 17:27 Ключевые слова в Yoast SEO

Новые темы

Объявления

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

23:48 Как вы поднимаете? / 15.02.2019 Яндекс выдача
18:52 Trastik - кто что скажет, ссылки там путёвые?
15:16 Adtrafico - Правильная партнёрская сеть под бурж трафик
14:31 SE Ranking - новый сервис проверки позиций сайтов в поисковиках
14:26 3snet - гемблинг, беттинг, форекс, бинарные опционы, майнинг
13:13 14.02.19г. опять АПнуло Яндекс выдачу
11:25 Kokos.click - народная тизерная сеть!

01:24 Нужны Яденьги
18:52 Уникальные тексты на нужную вам тематику
18:08 Imark Esports – самое крупное киберспортивное медиа-агентство в Казахстане.
16:17 GetETH - первый умный инвестиционный контракт со средним риском со специальным доходом
14:42 Комплексный прогон по трастовым сайтам, статейное размещение. Рост НЧ-СЧ, Тиц-пр.
12:58 Хочу продать сайт. Прошу оценить его стоимость
12:17 Нужна накрутка подписок на сайте

14:35 Доска объявлений
12:56 Требуется помощь!
00:59 SEO продвижение сайтов в Яндекс, Google. Поднятие ИКС сайту, исправления ошибок, разработка стратегий
21:31 Новая тизерная сеть Actionteaser.ru
19:14 Частная база руководителей, директоров, лиц принимающих решения (ЛПР) по России за 2018 г.
19:12 Объявы адсенс, мать его..
17:27 Ключевые слова в Yoast SEO

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