Порядок блоков при изменении ширины

Материал из СисадминВики песочница
Версия от 12:51, 19 июня 2017; Coder (обсуждение | вклад) (Правый блок помещается НАД левым)
Перейти к: навигация, поиск

<style>

 .right_block {
 width:29%;
 }

@media screen and (max-width: 1300px) {

 .right_block {
 width:100%;
 }

} </style>


Правый блок помещается НАД левым

ПРАВЫЙ БЛОК: Перечень порталов, ссылки на популярные статьи
ЛЕВЫЙ БЛОК: избранные статьи, изображения. В таблице, где много данных. В ширину данные могут занимать всю ширину окна, поэтому ширину блока таблицы необходимо контролировать.

Правый блок помещается ПОД левым

ВЕРХНИЙ БЛОК (шапка): название страницы, приветствие, статистика
ЛЕВЫЙ БЛОК: избранные статьи, изображения. В таблице, где много данных. В ширину данные могут занимать всю ширину окна, поэтому ширину блока таблицы необходимо контролировать.
ПРАВЫЙ БЛОК: Перечень порталов, ссылки на популярные статьи
НИЖНИЙ БЛОК (подвал): контакты, важные ссылки