absolute отрицательно смещенный за границу экрана образует горизонтальный скролл

[Torm]

Суть темы в заголовке. Нужно расположить вот так:

Нужно чтобы красный блок прятался частично за экраном когда экран небольшой и не расстягивал сайт фиксированной ширины в 980 px.

Пока придумал только так:

body { overflow-x:hidden; }

Но это вообще убивает горизонтальный скролл, даже когда экран менее 980 px, что не есть гуд((

Edited July 8, 2012 by Torm

[USF]

только если влево и наверх элемент прятать, то скрола не появится, насколько я знаю.

Edited July 8, 2012 by USF

[hypnocolor]

Делайте fixed вместо absolute. Для fixed-элементов горизонтальный скролл в любом случае появляться не должен.

[Torm]

USF, так точно, скролл только если right или bottom. С этим и борюсь, ибо надо справа именно.

hypnocolor, fixed прибьёт гвоздями красный блок, что в моём случае не подходит(( Надо прокручивающийся вертикальным скроллом.

[hypnocolor]

Torm, в таком случае мне в голову пришел такой выход. Один слой с position: absolute; прибить к правому краю через right: 0px; и overflow-x: hidden;, а уже в нём разместить нужный слой, который должен частично скрываться. Получившийся пример — http://jsfiddle.net/hypnocolor/JVqFs/.

[Torm]

hypnocolor, прибить к правому краю чего? браузера? Задумку понял, но когда окно сжимаешь - фон ездить будет, ведь его непонятно в каком месте фиксировать... Вообще - привязка к углу браузера это привязка к данному разрешению экрана. Чуть сдвинул окно поуже - фон поехал.