Блок сообщения и уведомления уходит за экран. Как исправить?

Question

[Дзи Акерман]

Суть в том что когда открываю сообщения - они открываются справа и уходят за экран.
если убрать этот код:

.wrapper {
    margin-right: auto;
    margin-left: auto;
    min-width: 720px;
    max-width: 1920px;
    width: 85%;
}

То всё норм(он типо адаптируется и открывает в левую сторону.
Но тогда форум становится на весь экран и это не красиво.

Answer 1

[dummyman]

Попробуй поменять .wrapper на body:

body {
    margin-right: auto;
    margin-left: auto;
    min-width: 720px;
    max-width: 1920px;
    width: 85%;
}

или

body, .wrapper {
    margin-right: auto;
    margin-left: auto;
    min-width: 720px;
    max-width: 1920px;
    width: 85%;
}

Comments

[Дзи Акерман]

самое смешное что именно в body стоит этот код)

[dummyman]

Дзи Акерман: Ну что? Продолжает ехать в обоих случаях?

[Дзи Акерман]

dummyman: да, скрины выше это результат с body
если сделать width: 95% то начинает открыва влево всплывающее..
а мне нужно чтобы даже при 85% он открывал влево..
весь день искал где этот код менять - так и не нашёл(

[dummyman]

Дзи Акерман: Да это я уже понял. Я и говорю,

body, .wrapper {
    margin-right: auto;
    margin-left: auto;
    min-width: 720px;
    max-width: 1920px;
    width: 85%;
}

.wrapper должен быть чуть больше 72% от ширины браузера (85% от 85% ).

[dummyman]

Он, скорее всего, считает куда разместить всплвывающий лайтбокс, от того на сколько далеко кончается body. твоя задача сделать чтобы body кончался рядом с .wrapper но при этом чтобы оставалось пространство за body. А сейчас это пространство внутри body между границами body и .wrapper

[Дзи Акерман]

dummyman: если я поставлю 72% он будет слишком маленьким.
мне нужно чтобы при 85% width всплывало нормально влево(!)

[dummyman]

Дзи Акерман: Да это я понял. Просто пробуй вариант первый и второй как в ответе, где сообщения слева или уходят? А потом уже думай над шириной.

[dummyman]

Дзи Акерман:
Можно еще попробовать так:

body {
    margin-right: auto;
    margin-left: auto;
    min-width: 720px;
    max-width: 1920px;
    width: 70%;
}
.wrapper{
    margin-right: auto;
    margin-left: auto;
    width: 121%;
}

[Дзи Акерман]

Попробовал, также вылезает(