2014-12-17 2 views
1

Согласно Google, реагирующие объявления заполняют доступное пространство динамически в зависимости от ширины и высоты, что при условии пространства:Отзывчивый AdSense рекламный блок перейти его DIV

«Мы вычислить необходимый размер динамически в зависимости от ширины родительского контейнера рекламного блока, а затем определите, какая максимальная стандартная высота для этой ширины ».

Я разместил отзывчивый блок Adsense в div, который имеет значение ширины 774px. Вот код DIV CSS:

.content-left{ 
display:table-cell; 
width:774px; 
max-width:774px; 
vertical-align:top; 
padding-left:10px; 
padding-right:10px; 
height:500px;} 

Проблема заключается в том, что блок AdSense перейти, что ДИВ и охватывать содержание DIV справа, как показано на следующем рисунке.

adsense

Блок AdSense фактически принимает около 1100px в ширину. Я использую отзывчивый adsense, чтобы реклама могла изменяться в зависимости от размера экрана. Если пользователь просматривает мой сайт на своем смартфоне, размер объявления изменяется соответственно.

В моей попытки решить эту проблему, я добавил новый DIV внутри левой DIV и поместить код AdSense в нем и установите максимальную ширину следующим образом:

.adsenseOnLeft{ 
max-width:774px; 

}

Это сделал не решить проблему, а блок AdSense по-прежнему занимает больше места, чем его родительский div. Итак, как я могу заставить свою ширину не переходить по ширине div, внутри которой она находится?

Обновление: Проблема происходит только в браузере Chrome. Когда я обновляю страницу, единица уважает его родительский div и не перебирает его. Это происходит только тогда, когда я впервые просматриваю любую страницу. Я проверил его в Internet Explorer, устройство остается внутри контейнера и работает, как предполагается.

ответ

0

Сделайте свой .adsenseOnLeftwidth до 100% он заполнит ваше объявление уважением к вашему родительскому div.

.adsenseOnLeft 
{ 
width:100% !important; 
} 
+0

Я просто попробовал это и до сих пор не решил. Я очистил куки-файлы браузера и кеш, чтобы убедиться, что он загружает свежий код. Еще не повезло. – JimmyD

0

Вы пытались добавить поплавок и ширину?

.adsenseOnLeft 
{ 
    float: left; 
    width:100% !important; 
} 
Смежные вопросы