Смещение блока за левую границу окна

@el zurdo · Регистрация: 08.05.2013

Author24 — интернет-сервис помощи студентам

Здравствуйте. Такая проблема - есть горизонтальное меню(на всю ширину сайта), нижняя часть которого волнообразное, этакая ленточка. Есть кнопка высотой с это меню, другого цвета, и нижняя часть тоже волнами(как бы часть этой ленточки покрашена в другой цвет), положение относительно правой стороны. Когда я масштабирую окно, кнопка съезжает влево и волны уже не совпадают, волны основного меню скрываются за правой границей. А мне нужно, что бы они скрывались за левой границей и как-бы эта крашеная часть(кнопка) оставалась на своем месте. Как такое сделать, если возможно?

CSS

.menu{
    background: url(../img/menu-back.png);
    z-index:2;
    position: absolute;
    position: fixed;
    right: 0;
    width: 100%;
    height: 97px;   
}

Добавлено через 1 час 11 минут
Как я только не подумал про background-position: right;... Все, проблему решил.

	15.04.2017, 17:03