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

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

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

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

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

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

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

Новые темы	Объявления	Свободное общение
06:45 Быстрое продвижение 06:40 Не отображаются объявления гугл адсенс 06:40 Баден-баден мать его так... или жуть яндекса 06:38 Где накрутить 100 хостов на сайт? Посоветуйте сервисы 06:37 Реально ли выйти на доход $100+ ? 21:00 DreamCash.tl - заработок на онлайн-видео. До 95% отчислений, отличный конверт! 20:49 АП выдача 17.11 \| Дмитрий Галахов: "У тебя (SEO BOSS - прим.ред.) уж наверн лям уников в день, каждый ап для тебя в плюс"	06:41 Продам постовой в блоге-тысячнике 01:22 Прогон по личной базе, больше 1000 трастовых сайтов! Продвижение СЧ и НЧ запросов + рост показателей! Гарантии! 00:08 "А что так дешево-то?!" Услуги копирайтинга и рерайтинга по невероятно низким ценам! 22:15 Сайты под ключ, дизайн сайтов, адаптивная верстка 22:02 Софты для обработки RDP+ Покупка дедиков!!! 21:08 Продам сайт - моды для игр, 2012 года, тиц 50, доход есть 20:21 Оформление группы Вконтакте, создаем уникальный дизайн	06:30 Нужен хостинг! Пойду рефералом! 06:28 Я стал мужиком! Наконец-то! Теперь я ваш! 00:22 Как тебе такое, Илон Маск? 00:14 Таймвеб - как оно? 18:49 Как вы проверяете историю домена? 13:12 Кидок 06:58 О подлости

Новые темы

Объявления

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

06:45 Быстрое продвижение
06:40 Не отображаются объявления гугл адсенс
06:40 Баден-баден мать его так... или жуть яндекса
06:38 Где накрутить 100 хостов на сайт? Посоветуйте сервисы
06:37 Реально ли выйти на доход $100+ ?
21:00 DreamCash.tl - заработок на онлайн-видео. До 95% отчислений, отличный конверт!
20:49 АП выдача 17.11 | Дмитрий Галахов: "У тебя (SEO BOSS - прим.ред.) уж наверн лям уников в день, каждый ап для тебя в плюс"

06:41 Продам постовой в блоге-тысячнике
01:22 Прогон по личной базе, больше 1000 трастовых сайтов! Продвижение СЧ и НЧ запросов + рост показателей! Гарантии!
00:08 "А что так дешево-то?!" Услуги копирайтинга и рерайтинга по невероятно низким ценам!
22:15 Сайты под ключ, дизайн сайтов, адаптивная верстка
22:02 Софты для обработки RDP+ Покупка дедиков!!!
21:08 Продам сайт - моды для игр, 2012 года, тиц 50, доход есть
20:21 Оформление группы Вконтакте, создаем уникальный дизайн

06:30 Нужен хостинг! Пойду рефералом!
06:28 Я стал мужиком! Наконец-то! Теперь я ваш!
00:22 Как тебе такое, Илон Маск?
00:14 Таймвеб - как оно?
18:49 Как вы проверяете историю домена?
13:12 Кидок
06:58 О подлости

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