Sign in to follow this  
Followers 0
CeSaR

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

14 posts in this topic

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

http://rgho.st/6bzYqRTgs

http://rgho.st/6t7RWqmhP

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

Share this post


Link to post
Share on other sites
8 минут назад, kuzovbmw сказал:

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

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

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

Share this post


Link to post
Share on other sites
7 минут назад, GUEVARA сказал:

padding: 0 10px;

не помогло

Share this post


Link to post
Share on other sites
42 минуты назад, kuzovbmw сказал:

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

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

http://prntscr.com/ixgmzc

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

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

Share this post


Link to post
Share on other sites

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

 

Share this post


Link to post
Share on other sites
2 минуты назад, files сказал:

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

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

Share this post


Link to post
Share on other sites

.adapt{

display: flex;

align-items: center;

align-content: center;

justify-content: center;

overflow: auto;

}

Share this post


Link to post
Share on other sites

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

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

webostrov likes this

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0

  • Recently Browsing   0 members

    No registered users viewing this page.