Порядок блоков при изменении ширины — различия между версиями

Материал из СисадминВики песочница
Перейти к: навигация, поиск
(Правый блок помещается НАД левым)
Строка 1: Строка 1:
<style>
 
  .right_block {
 
  width:29%;
 
  }
 
 
@media screen and (max-width: 1300px) {
 
  .right_block {
 
  width:100%;
 
  }
 
 
}
 
</style>
 
 
 
  
 
== Правый блок помещается НАД левым ==
 
== Правый блок помещается НАД левым ==

Версия 12:56, 19 июня 2017

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

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

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

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