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

Сообщений: 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:39 Подскажите где продвигать сайт. 10:57 3snet - гемблинг, беттинг, форекс, бинарные опционы, майнинг 19:12 Мошенники-копирайтеры 08:57 Индексация страниц 23:16 Есть ли альтернатива Адсенсу и РСЯ? 20:48 Dao.AD: Монетизация и покупка Push/Pops/Inpage и Video трафика! 18:53 Настройка плагина для wordpress Price Shop	04:21 Просто $0.04/IP 9PROXY.COM Резидентные прокси Неограниченная пропускная способность Уникальная политика замены Без чёрного списка 20:41 BestX24 - быстрый и безопасный обменник криптовалют и электронных денежных средств 19:56 SwapPix.io - быстрый и безопасный обменник криптовалют. 17:26 Ссылочное продвижение ваших сайтов статьями, профилями и комментариями, качественно и по доступным ценам!!! 16:39 Продам аккаунты Gmail USA IP \| Gmail MIX IP \| Outlook Old 13:08 Expa24.com Обмен Криптовалют. Ввод/Вывод наличные Украина/Северный Кипр/Мир 11:47 Продам Форекс базу, лиды Forex из CRM (2025)	04:26 Хром ругается на форум 03:49 Точные прогнозы на футбол 18:41 С юмором по жизни! 14:22 SENDERSEX.COM - Тизерная партнёрка онлайн игры Эротические Фанты Онлайн 20:32 Ням-ням! - 8 деликатесов, которые когда-то ели только бедные люди 09:37 Договорные матчи от ИИ 20:29 SMM-24.com САМЫЙ ДЕШЕВЫЙ SMM - Накрутка от 0.0001$\|TG/TG PREMIUM/YT/TWIT/IG/TT/FB

Новые темы

Объявления

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

21:39 Подскажите где продвигать сайт.
10:57 3snet - гемблинг, беттинг, форекс, бинарные опционы, майнинг
19:12 Мошенники-копирайтеры
08:57 Индексация страниц
23:16 Есть ли альтернатива Адсенсу и РСЯ?
20:48 Dao.AD: Монетизация и покупка Push/Pops/Inpage и Video трафика!
18:53 Настройка плагина для wordpress Price Shop

04:21 Просто $0.04/IP 9PROXY.COM Резидентные прокси Неограниченная пропускная способность Уникальная политика замены Без чёрного списка
20:41 BestX24 - быстрый и безопасный обменник криптовалют и электронных денежных средств
19:56 SwapPix.io - быстрый и безопасный обменник криптовалют.
17:26 Ссылочное продвижение ваших сайтов статьями, профилями и комментариями, качественно и по доступным ценам!!!
16:39 Продам аккаунты Gmail USA IP | Gmail MIX IP | Outlook Old
13:08 Expa24.com Обмен Криптовалют. Ввод/Вывод наличные Украина/Северный Кипр/Мир
11:47 Продам Форекс базу, лиды Forex из CRM (2025)

04:26 Хром ругается на форум
03:49 Точные прогнозы на футбол
18:41 С юмором по жизни!
14:22 SENDERSEX.COM - Тизерная партнёрка онлайн игры Эротические Фанты Онлайн
20:32 Ням-ням! - 8 деликатесов, которые когда-то ели только бедные люди
09:37 Договорные матчи от ИИ
20:29 SMM-24.com САМЫЙ ДЕШЕВЫЙ SMM - Накрутка от 0.0001$|TG/TG PREMIUM/YT/TWIT/IG/TT/FB

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