По HTML коду ниже а на экране выше. Как это лучше делать сейчас?

Главные вкладки

Аватар пользователя VasyOK VasyOK 18 марта 2018 в 9:08

Часто продвинутые сеонисты требуют чтобы определенные области сайта были по HTML коду ниже а на экране выше.
Когда-то (в до-адаптивную эру) я использовал для этого абсолютное позиционирование слоев, но сейчас это не удобно.

И вот я снова встретил человека, увернного в надобности подобных мер. Как такое лучше делать сейчас? CSS свойством order или jquery appendTo ? Или еще как-то?

Комментарии

Аватар пользователя Semantics Semantics 18 марта 2018 в 14:00
1

чем appendTo.

Нужно использовать средства предназначенные для решения задачи.
appendTo на эту роль совсем не подходит.
Ещё и рендер усложняет и замедляет

Аватар пользователя adubovskoy adubovskoy 18 марта 2018 в 14:39

Flexbox order давно уже не новое свойство. order, появился еще в 2009 году в стандарте (как box-original-group), потом как flex-order в стандарте 2011 и стал order'ом в 2012. Прошло 6 лет, уже можно))

Аватар пользователя VasyOK VasyOK 18 марта 2018 в 15:25

да, разные родители у целевого и конечного блока

не представляю демку, четто у меня туго.

ну order я понимаю используют когда есть
шапка
контент
подвал

А если нужные контейнеры то во вьюхе, то в блоке, в левой, правой части шапки / подвала - тоже использовать order?

Аватар пользователя gun_dose gun_dose 18 марта 2018 в 15:31

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

Аватар пользователя VasyOK VasyOK 18 марта 2018 в 18:50

Фига себе простой, это ж надо очередность элементов представлять. И в Firebug не удобно вверх вниз по дереву ходить.

А jquerry - просто ставишь одно в другое.

Понял. Переживу.