Как выровнять блок рекламы по центру

Admin CSS, WordPress

При размещении рекламы у себя на сайте, часто возникает необходимость вывести её по центру.

В этой статье даётся центровка рекламных блоков. Для этого достаточно добавить несколько стилей. Если же нужна центровка отдельных блоков, то это можно прочитать в другой статье.

Казалось бы, чего проще, есть много способом выровнять по центру объект с помощью CSS. Но сложность заключается в том, что при загрузке рекламы выводятся разные форматы. В один раз это может быть текстовое объявление, в другой баннер, а в третьей ещё что-то. И для каждого из этих объектов может не подойти определённый вид выравниваний.

Например, разные блоки рекламы выводят Рекламная сеть Яндекса (РСЯ) или Google Adsense или любые другие сети RTB.

К счастью, есть универсальный способ, который подходит для всех объектов. Для этого нужно принять блок за условную таблицу и отцентрировать её по центру.

Как выровнять блоки РТБ от РСЯ по центру?

Создаём стиль:

.yandex_rtb {
    display: table;
    margin: 10px auto;
}

Первый параметр в margin делает отступ от верха и низа, второй выравнивает блок по центру.

Вставляем созданный стиль в рекламный div РТБ от РСЯ:

<div id="yandex_rtb_R-A-1111-1" class="yandex_rtb"></div>

Для всех остальных рекламных блоков, в том числе и для блоков не связанных с РСЯ, этот метод выравнивания тоже работает.

Метки:

У сайта нет цели самоокупаться, поэтому на сайте нет рекламы. Но если вам пригодилась информация, можете лайкнуть страницу, оставить комментарий или отправить мне подарок на чашечку кофе.

Комментарии к статье “Как выровнять блок рекламы по центру

Добавить комментарий

Напишите свой комментарий, если вам есть что добавить/поправить/спросить по теме текущей статьи:
"Как выровнять блок рекламы по центру"