CeSaR

Как указать ширину адаптивному блоку Adsense

14 сообщений в этой теме

У меня на сайте адаптивный дизайн, и поставил адаптивные блоки Гугл адсенс, но на телефоне и планшете эти блоки выглядят так:

http://rgho.st/6bzYqRTgs

http://rgho.st/6t7RWqmhP

То есть они занимают всю ширину экрана, а нужно чтоб занимали ширину блока. Как можно указать в стилях чтоб реклама была в пределах блока в котором она размещена ?

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

положите ее в блок и задайте стили как у родителя 

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
8 минут назад, kuzovbmw сказал:

положите ее в блок и задайте стили как у родителя 

так оно и есть, сайт - http://studies.in.ua

но блок вылезает за пределы, посмотрите с телефона

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
7 минут назад, GUEVARA сказал:

padding: 0 10px;

не помогло

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
42 минуты назад, kuzovbmw сказал:

у Вас не похоже на адаптивный блок http://prntscr.com/ixgmh2

там инлайновая ширина стоит 928px

http://prntscr.com/ixgmzc

обновите страницу когда уменьшаете блок, тогда он адаптируется под размер экрана

все блоки которые использую на сайте, адаптивные - http://joxi.ru/xAeMKvlTYNwYpA

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Все адаптивные, кроме Яндекса <!-- Yandex.RTB R-A-213371-1 -->

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Да я тоже заметил там банер, яндексовский сейчас вроде нормально 

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
2 минуты назад, files сказал:

Все адаптивные, кроме Яндекса <!-- Yandex.RTB R-A-213371-1 -->

но они не вписываются в размеры блока в котором находятся  и не могу решить эту проблему, блоки выглядят не естественно когда вылезают за пределы дизайна

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

.adapt{

display: flex;

align-items: center;

align-content: center;

justify-content: center;

overflow: auto;

}

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Пересоздайте <!-- Yandex.RTB R-A-213371-1 -->

с только адаптивными форматами. Скорее всего в дополнительных форматах вы оставили фиксированные размеры, так как они проскакивают изредка и ломают дизайн.

webostrov понравилось это

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

также можете использовать инструмент разработчика в браузере, посмотрите в каком div'е находится реклама и какие свойства CSS.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Создайте аккаунт или войдите в него для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!


Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.


Войти сейчас

  • Сейчас на странице   0 пользователей

    Нет пользователей, просматривающих эту страницу