Как выровнять по ширине рекламу от яндекса. Уходит за границу поля?

Question

[bossigorxxx]

Парни не могу выправить рекламу. Уходит за границы поля справа. Много что пробовал не помогает. Даю скрин и самого виновника. m2stroyka.ru

Answer 1

[Natalia ivanova]

Я не парень, но попытаюсь помочь)
Из того, что я увидела, страдает реклама от Сбербанка.
Поработайте с элементом canvas и его оверлеем примерно здесь и примерно так

<canvas id="canvas" style="position: absolute;display: block;background-color: rgb(255, 255, 255);width: 100%;max-width: 598px;height: auto;"></canvas>
<div id="dom_overlay_container" style="pointer-events: none;overflow: hidden;width: 100%;max-width: 596px;height: 250px;position: absolute;left: 0px;top: 0px;display: block;border: 1px solid rgb(0, 0, 0);box-sizing: border-box;">
		</div>

Замените значение width в px на width"100%" max-width"596px".

Comments

[bossigorxxx]

Поставил. НО оно лишь обрезает блок рекламы

[Natalia ivanova]

Тег canvas должен по идее остаться в той же вложенности, что и был ранее, в yatag.
Сейчас я вижу его в другом месте. Конечно, так не будет работать.

[bossigorxxx]

<canvas id="canvas" style="position: absolute;display: block;background-color: rgb(255, 255, 255);width: 100%;max-width: 598px;height: auto;"></canvas>
<div id="dom_overlay_container" style="pointer-events: none;overflow: hidden;width: 100%;max-width: 596px;height: 250px;position: absolute;left: 0px;top: 0px;display: block;border: 1px solid rgb(0, 0, 0);box-sizing: border-box;">
<div class="rek" style="margin-top: -28px;padding-bottom: 10px;width: 100%;">
<!-- Yandex.RTB R-A-477041-1 -->

<div id="yandex_rtb_R-A-477041-1"></div>

<script type="text/javascript">

    (function(w, d, n, s, t) {

        w[n] = w[n] || [];

        w[n].push(function() {

            Ya.Context.AdvManager.render({

                blockId: "R-A-477041-1",

                renderTo: "yandex_rtb_R-A-477041-1",

                async: true

            });

        });

        t = d.getElementsByTagName("script")[0];

        s = d.createElement("script");

        s.type = "text/javascript";

        s.src = "//an.yandex.ru/system/context.js";

        s.async = true;

        t.parentNode.insertBefore(s, t);

    })(this, this.document, "yandexContextAsyncCallbacks");

</script>
</div>
<div>

Я что не так ставлю наверно?