Согласно 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 фактически принимает около 1100px в ширину. Я использую отзывчивый adsense, чтобы реклама могла изменяться в зависимости от размера экрана. Если пользователь просматривает мой сайт на своем смартфоне, размер объявления изменяется соответственно.
В моей попытки решить эту проблему, я добавил новый DIV внутри левой DIV и поместить код AdSense в нем и установите максимальную ширину следующим образом:
.adsenseOnLeft{
max-width:774px;
}
Это сделал не решить проблему, а блок AdSense по-прежнему занимает больше места, чем его родительский div. Итак, как я могу заставить свою ширину не переходить по ширине div, внутри которой она находится?
Обновление: Проблема происходит только в браузере Chrome. Когда я обновляю страницу, единица уважает его родительский div и не перебирает его. Это происходит только тогда, когда я впервые просматриваю любую страницу. Я проверил его в Internet Explorer, устройство остается внутри контейнера и работает, как предполагается.
Я просто попробовал это и до сих пор не решил. Я очистил куки-файлы браузера и кеш, чтобы убедиться, что он загружает свежий код. Еще не повезло. – JimmyD