Карусель

[SuperBatya]

Подскажите кто сможет... Делаю плавающую карусель (WB 12) по ширине экрана, но мне нужно с отступами (сверху 60, слева и справа по 25)...
Появляется проблема: 1) Карусель в проекте, когда ставлю отступы (margin) находится ниже, чем HEAD (Page Header), т.е. отталкивается как-то от HEAD, хотя при просмотре все тип-топ, только отступ справа выходит за пределы и появляется полоса прокрутки...
2)В этом и суть вопроса №2: margin справа не действует как-то наоборот в минус и не меняется... и также полоса прокрутки!!!
Прилагаю картинки и проектик на WB12

Все перепробовал, но все равно правая сторона карусели уходит за пределы полосы прокрутки...
Может кто сталкивался с таким?

[jigjig2017]

а wb 12 какая, есть 12.0.1 есть 12.0.2 а есть 12.0.0 какая у вас?

[SuperBatya]

Начинал с 12.0.1, сейчас 12.0.2, но все равно ничего не изменилось...

[SuperBatya]

Я думаю недоработка WB...
Может у кого какие идеи?
Буду рад любой помощи

[jigjig2017]

жалко я не могу принять проект у меня версия 11.6.5

[SuperBatya]

Вопрос открыт... Пробовал в WB 11 - то же самое, какой-то глюк

[jigjig2017]

можешь дать проект для wwb11

[SuperBatya]

Проект в 11-ой версии... Ставлю отступы 25 - слева и справа, 60 сверху... никакой реакции вообще нет, в 12-ой версии, как видно, хоть лево и верх работают...
Что хочу получить... см. картинку...

Кстати, вот что по этому поводу написал Павлик (может кто разберется):

Hello, Thank you for sending the project.

The reason why the Carousel overlaps the Page Header is because the Page Header is using a different layout mode. It should be set to ‘floating’.
Adding margin to a full width Carousel will make it wider than 100% because HTML adds the margin to the ‘box’.

https://www.w3schools.com/css/css_boxmodel.asp

Best regards, Pablo

[jigjig2017]

Причина Карусель дублирование заголовка страницы, т. к. Заголовок страницы, используя другой режим макета. Он должен быть установлен на "плавающей".
Добавление маржи к полному Ширина Карусель сделает его шире, чем 100%, потому что HTML-код добавляет маржа ‘коробка’.

Отправлено спустя 3 минуты 22 секунды:

проект.rar

Отправлено спустя 2 минуты 21 секунду:
вот так както или это не то?

[SuperBatya]

Мне нужно как у меня на последней картинке (подрисовал в PhotoShop'e), карусель должна быть во всю ширину, но и были отступы слева, справа и сверху

[jigjig2017]

а всё понял

[Gudwinn]

Привет, вот такую запись вставьте в HEAD страницы

Код: Выделить всё

<style>
#Head {
    position: relative!important;
}
#wb_Carousel1 {
    width: 96%!important;
}
</style>

Отправлено спустя 14 минут 36 секунд:
В прикреплении исправленный проект (ещё один вариант без костылей, так как советовал Вам Пабло сделать. Проект я сохранил в 12 версии ребята)

Исправленные двери.zip

[SuperBatya]

Кирилл, большое тебе спасибо, что помог разобраться... Оказалось все намного проще - делать отступ пустой границей!!!

[Gudwinn]

Привет, не за что)) Да, всё верно, как тебе Пабло и писал, и как в проекте сделано))

[SuperBatya]

Кирилл, вопрос решен, но подскажи пожалуйста, для общего развития, получается нельзя сделать, например, отступы сверху 0, а по бокам, 25?

[Gudwinn]

можно, вставь такую запись в хеад страницы

Код: Выделить всё

<style>
#wb_Carousel1 {
    border-right: 25px solid transparent!important;
    border-top: 0px solid transparent!important;
    border-left: 25px solid transparent!important;
}
</style>


Номер карусели свой поставь, преффикс wb_ обязателен