Порядок блоков при изменении ширины — различия между версиями
Coder (обсуждение | вклад) |
24pm (обсуждение | вклад) |
||
| Строка 2: | Строка 2: | ||
== Правый блок помещается НАД левым == | == Правый блок помещается НАД левым == | ||
| − | <div style="float:right; width: 29%; min-width: 300px; max-width: 500px; background-color:#d19a04; margin: 10px;">ПРАВЫЙ БЛОК: Перечень порталов, ссылки на популярные статьи | + | <div class = "right_block_float" style="float:right; width: 29%; min-width: 300px; max-width: 500px; background-color:#d19a04; margin: 10px;">ПРАВЫЙ БЛОК: Перечень порталов, ссылки на популярные статьи |
</div> | </div> | ||
| − | {| class=wikitable cellspacing="5" cellpadding="5" | + | {| class = "left_block_float" class=wikitable cellspacing="5" cellpadding="5" |
|- valign=top | |- valign=top | ||
| ЛЕВЫЙ БЛОК: избранные статьи, изображения. В таблице, где много данных. В ширину данные могут занимать всю ширину окна, поэтому ширину блока таблицы необходимо контролировать. | | ЛЕВЫЙ БЛОК: избранные статьи, изображения. В таблице, где много данных. В ширину данные могут занимать всю ширину окна, поэтому ширину блока таблицы необходимо контролировать. | ||
| Строка 16: | Строка 16: | ||
|- | |- | ||
| | | | ||
| − | <div class=" | + | <div class="left_block_float" style="float:left; min-width: 400px;"> |
{| class=wikitable cellspacing="5" cellpadding="5" | {| class=wikitable cellspacing="5" cellpadding="5" | ||
|- valign=top | |- valign=top | ||
| Строка 23: | Строка 23: | ||
</div> | </div> | ||
| − | <div class = " | + | <div class = "right_block_float" style="float:right; min-width: 300px; background-color:#d19a04; margin: 16px 0 0 7px;">ПРАВЫЙ БЛОК: Перечень порталов, ссылки на популярные статьи |
</div> | </div> | ||
|} | |} | ||
<div style=" width:100%; background-color: green; margin: 0 auto;">НИЖНИЙ БЛОК (подвал): контакты, важные ссылки</div> | <div style=" width:100%; background-color: green; margin: 0 auto;">НИЖНИЙ БЛОК (подвал): контакты, важные ссылки</div> | ||
Версия 05:39, 20 июня 2017
Правый блок помещается НАД левым
ПРАВЫЙ БЛОК: Перечень порталов, ссылки на популярные статьи
| ЛЕВЫЙ БЛОК: избранные статьи, изображения. В таблице, где много данных. В ширину данные могут занимать всю ширину окна, поэтому ширину блока таблицы необходимо контролировать. |
Правый блок помещается ПОД левым
ВЕРХНИЙ БЛОК (шапка): название страницы, приветствие, статистика
ПРАВЫЙ БЛОК: Перечень порталов, ссылки на популярные статьи
|
НИЖНИЙ БЛОК (подвал): контакты, важные ссылки
