Типа так можно:

я бы сделал так:

для четвёртого блока
зелёное задать своё.
position:relative заставляет у всех дочерних блоков с position:absolute вести отсчет не от левого верхнего угла окна, а от угла родительского элемента. Ну а элемент с абсолютным позиционированием не зависит от ограничений других элементов.

Попробую вариант с background, т.к. при обычном размещении изображения, появляется scrollbar нижний.

UPD:
Оба способа работают, спасибо.
Но оба добавляют scrollbar нижний :(

если Вы воспользуетесь вариантом с position: absolute, то у Вас будет возникать ненужная горизонтальная полоса прокрутки, если блок с position: absolute не будет помещаться на экран.

Можно поступить несколькими способами:
1. Если блок с кривым бэкграундом всегда внизу, то можно задать родительский блок в width: 100% и задать ему бэкграунд по центру так, что бы угол всегда был в нужном месте (надеюсь понятно объясняю).

2. Если блок с кривым бэкграундом не всегда внизу, то можно расчитывать (js) высоту на которой отстоит блок от верхнего края броузера и делать background-position для родительского блока, как и в п1, только с background-position.

Как быть с привязкой с краю, в способе 1?

(все таки непонятно объяснил)
никак - фон сделайте по центру (вырежте треугольник, дальше сделайте картинку шириной 960 + 2 * размер треугольника, вставьте треугольник в эту картинку, у Вас получится длинная прозрачная картинка с непрозрачным треугольником справа, разместив эту картинку бэкграундом так background: url('kartinks.gif') center bottom no-repeat для родительского блока с width: 100% Вы получите то что Вам нужно).

Спасибо. Работает :)

Замечание модератора: Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней. Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой или обратитесь к любому из модераторов.